By Dubber Dan on

I'm customising the spreadfirefox theme for one of my sites and have set it to be variable width but only within certain amounts using:

min-width : 710px;
max-width : 1000px;

which works fine in firefox, but doesn;t seem to work when the site is viewed in IE. IT seems to just push the site out to full size.

Does IE understand min-width and max-width?

⋅ Categories: Drupal 4.6.x

Comments

anj’s picture

anj commented

IE does not understand min-width or max-width. IIRC, width in IE behaves very much like min-width in other browsers.

Variable-width three column layouts are extremely difficult to do if you're trying to keep the CSS and HTML clean. Personally, I decided to fall-back on fixed-width (percentage) floats for IE, and use display: table in other browsers.

I hope that helps.

Anj
---------
http://anjackson.net/

Elkerton’s picture

Elkerton commented

IE will not read the widths from the standard style.css file. However, on line 19 of the page.tpl.php file in the spreadfirefox folder is an IE workaround in which you can set a minimum width that IE will recognize (max width unaffected). If you find tables or objects being dropped down in the center column of your spreadfirefox site, try changing the percentage in line 746 of style.css to 98% (".main-content table" section). This will have minimal affect on the appearance of your site but will allow the object to stay put (as long as it does not exceed the set minimum width).