Skip to main content

Ralsina.Me — Roberto Alsina's website

CSS/HTML guru advice needed!

Ok, I give up. I need help.

The mag­i­cal some­times-it-­work­s-on-IE-­some­times-­does­n't over­flow:au­to CSS prop­er­ty has kicked my but­t.

It worked un­til a while ago, and now it does­n't.

Can any­one tell me why the grey pre­for­mat­ted thing here has scroll­bars on Fire­fox and Kon­queror, but not on IE?

In the past, I thought that was be­cause it did­n't work in­side ta­bles, but now there are no ta­bles in the lay­out.

So, I am clue­less :-(

UP­DATE Thanks for all the sug­ges­tion­s, it kin­da works now :-)

David Greengas / 2007-05-17 22:02:

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.

Roberto Alsina / 2007-05-17 22:56:

Many, many thanks David!

Of course it now has a vertical scrollbar too, but I don't care, at least the layout stays sane ;-)

DarkPhoenix / 2007-05-17 23:26:

Try putting zoom: 1 on the div; that should do it without requiring the width to be set.

LukyLuke / 2007-05-18 07:52:

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..

Kunuku / 2007-05-18 08:21:

Oops commented the wrong post...

http://dean.edwards.name/IE7/

Above script makes IE (not only IE7) follow CSS and HTML standards.