Good Morning All,
I am having a bit of a problem with the old 'max-width' issue in IE and
would like to know your thoughts on the subject.
If I add this to my style sheet:
#outer_wrapper {
max-width: 800px; }
Then I am fine in FF but not in IE - in IE the outer container just
keeps stretching with the browser window. So if I add the following,
then all is well in all browsers BUT the code is no longer valid:
* html div#outer_wrapper {width: 800px /* fallback value */;
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 1000 ? "800px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 570 ? "552px" : "99.7%"));
}
Is my syntax or something incorrect or is there just no way of adding
this fix without going 'invalid'?? Does the above code even belong in a
style sheet as it doesn't look like standard CSS to me. So you know, I
am a designer who is wholly self taught in XHTML/CSS/PHP so there are
huge gaps in my 'education' - I would therefore appreciate careful
handling. Having said that, the 10 years I spent in the military when I
should have been at Art School does mean I am capable of taking it
'straight' - I would just appreciate it if any derisory comments about
my code were followed by a helpful tip of how to put it right ;-)
Many thanks.
Kind regards,
Max.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
