Stylesheets - Elastic Layout Problems - min-width and max-width in IE7 and IE6

Author

Elastic Layout Problems - min-width and max-width in IE7 and IE6

Steve

2007-07-13, 6:16 pm

Hi there,

I've tried to create an elastic CSS layout using min-width and max-width
properties. This seems to work fine in Firefox, but fails to work in
Internet Explorer 6 or 7, even though I read that IE7 now supports these
properties? In IE6 and IE7, the page seems to be 100% wide, edge to edge.

The page in question I'm having issues can be found via this link:
http://tinyurl.com/3xx3kw

I'd appreciate any advice on what I'm doing wrong to make this work in IE7.
Secondly, can anyone recommend a hack that works well for IE6?

Thanks for any advice,

Ste

Bergamot

2007-07-13, 6:17 pm

Steve wrote:
>
> I've tried to create an elastic CSS layout using min-width and max-width
> properties. This seems to work fine in Firefox, but fails to work in
> Internet Explorer 6 or 7
>
> http://tinyurl.com/3xx3kw

Your lack of DOCTYPE triggers quirks mode in all browsers. IE requires
standards mode for a number of things to render comparably to other
browsers. Use HTML 4.01 Strict for best compatibility across browsers.
http://www.hut.fi/u/hsivonen/doctype.html

--
Berg

Ste

2007-07-13, 6:17 pm

On 2007-07-13 19:01:54 +0100, Bergamot <bergamot@visi.com> said:

> Steve wrote:
>
> Your lack of DOCTYPE triggers quirks mode in all browsers. IE requires
> standards mode for a number of things to render comparably to other
> browsers. Use HTML 4.01 Strict for best compatibility across browsers.
> http://www.hut.fi/u/hsivonen/doctype.html

Ahh, I can't believe I missed that. That will explain why all the
other pages were displaying okay! I use includes to insert certain
pieces of information such as the metatags, header, footer, etc, and I
also had an include for doctype, just n case I wanted to change it on a
global scale at some point. Anyway, I must have deleted it by accident
when deleting and re-arranging some of the HTML and just never spotted
this...

Thanks,

Ste