CSS/HTML guru advice needed!
Ok, I give up. I need help.
The magical sometimes-it-works-on-IE-sometimes-doesn't overflow:auto CSS property has kicked my butt.
It worked until a while ago, and now it doesn't.
Can anyone tell me why the grey preformatted thing here has scrollbars on Firefox and Konqueror, but not on IE?
In the past, I thought that was because it didn't work inside tables, but now there are no tables in the layout.
So, I am clueless :-(
UPDATE Thanks for all the suggestions, it kinda works now :-)
Try setting the width property on that div class in IE. I set the width to 100% for the class code-block and magically scrollbars appeared. It did not render as well, but it is a start.
Many, many thanks David!
Of course it now has a vertical scrollbar too, but I don't care, at least the layout stays sane ;-)
Try putting zoom: 1 on the div; that should do it without requiring the width to be set.
I love this stupid Browser ;)
The Problem is, that if IE shows a Scrollbar on bottom, the div is ca. 25px smaller, so there will be also a scrollbar on right side (because this 25px ar not visible now).
You can fix this by setting the height-property to a fixed value - for example 37em.
But ONLY for IE, so just add this to your div-tag:
style="_height:37em;"
It gives you invalid CSS while validate, but who cares..
Oops commented the wrong post...
http://dean.edwards.name/IE7/
Above script makes IE (not only IE7) follow CSS and HTML standards.