Yep, it is an IE bug when using width=”100%”
Thread Starter
Nurice
(@nurice)
I knew Beel would comment on the IE thing (glad you did, thanks!). I did search on style.css, no ‘100%’ there, but list comments text area like this:
‘#commentform textarea {
width: 98%;
}’
Where should I look to find the 100% or what should I change?
Ah, most of the themes I have run across have it set to 100% but 98% will do it, too. It is a bug in IE that will not let you set a variable width textarea without, as the author below notes, “looking like crap”
http://www.intertwingly.net/blog/1432.html
Thread Starter
Nurice
(@nurice)
Wow! It will take some time to look through all that. Just skimming makes me wonder if I’ll have any solutions when I do. Thanks for the link. I’ll see if I can find something there that works.
Thread Starter
Nurice
(@nurice)
Tried code at top of intertwingly link above. It expanded all white areas under sidebar. Decided to experiment. Changed css to:
#commentform textarea {
width: 60%;
}
Expands in IE but not under sidebar. Smaller comment area in Firefox but doesn’t look too bad. Went back to my preferred full sidebar on all pages.
Would appreciate comments from others as to how comment form at:
http://eyesapart.com/
looks or behaves with your browser now.
Try wrapping the textarea in a div that has a width of 100%, maybe this will “fool” IE… <div style=”width:100%”>
Thread Starter
Nurice
(@nurice)
My “60%” solution messed up the main page on computer at work. I set it back to “98%” during lunch break, and will try your idea after work, Beel.
Found this line in comments.php:
<textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″></textarea>
I’m confused now because css refers to:
#commentform textarea, not #comment textarea
Anyway I’ll try to sort through it all after work.
#commentform textarea is correct as the textarea you are trying to style is in a form with that ID.
Thread Starter
Nurice
(@nurice)
Beel, thanks for your help. Not sure what I’m supposed to wrap in the div you suggest. I wrapped the <textarea name=” [etc] line above in it but it put comment form permanently under sidebar and did some other distortion also. For now I’ve put back to:
#commentform textarea {
width: 98%;
I am using IE to post this, and the comment form works fine here. How does this (and other blogs) get around the comment form problem with IE?
I have seen some css that will set it specifically in px
width: 480px;
for example for ie users
i am not sure what
width: auto;
would do.
Have you tried leaving the width off and see what it would do?
I don’t have p tags in my form, but maybe styling at your 98% and wrapping it like this:
<div style=”width:100%”>
<p><textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″></textarea></p>
</div>
Thread Starter
Nurice
(@nurice)
estjohn, Thanks for your suggestion. I tried Beel’s suggestion first because it was just cut and paste. Beel, your code above did the trick! Have a look at the comment forms in IE now!
Thanks!
Lois
(@nurice)
18 years, 5 months ago
Using Boxy but gold theme, default displays shortened sidebar on single page. Wanting to use full sidebar throughout site, but when tried, comment form runs under sidebar in IE. Does fine in Firefox. Using default again now, but a short post still allows comments to run under sidebar. See:
http://eyesapart.com/2005/08/28/comments-area-added/
Looks great, but type one letter into the comments form using IE and see what happens. Any ideas how to fix? Thanks!