[Arctic]

Ok, first of all I hate Explorer! If it weren't for the unstable popup blocker and inabilities in properly rendering my CSS, it might be an ok browser.

Anyways, if anybody could take a look at my CSS on http://www.sloaner.net (just use firefox to view my css) and find the Explorer problems that would be really great. If you copy the CSS code into Dreamweaver (for error checking and the nice colored code) it should show a few Explorer issues. I just don't know how to fix them, I have tried almost everything, any help would be appreciated.

Regards,
Arctic.

[alabaster_lynch]

The only thing that dreamweaver is flagging is the max-width...it says that it is unsupported in ie 5.5 and ie 6.0...

[alabaster_lynch]

here is a site that may help you "hack" your IE code...

http://www.svendtofte.com/code/max_width_in_ie/

hope this helps.........Jose

[kjmatthews]

Why not just use width instead of max-width?

[Arctic]

Well, I used max-width for one reason. In Mozilla Firefox, on my contact page, when I push and hold the Submit or Reset button for the form, the box that surrounds my content expands somehow. It was really weird. I am in a program at BCIT (univ. in BC, canada) and I asked my teacher that knows CSS, PHP, XHTML, etc...and it was a bug he had never seen, so I was playing with my code and max-width seems to help fix that problem. My CSS all along didn't display in Explorer thats why I left the max-width in, because I don't think it will really cause a problem in Explorer.

[alabaster_lynch]

yeah, it won't make a difference in ie...it was the only thing that dreamweaver flagged....jose

[kjmatthews]

You can serve standards compliant browsers max-width, and serve IE just plain width by utilizing an IE CSS selector parsing bug. Your declaration would look like this:

Code:

/* this gets served to all browsers */
.box-latest {
	width: 796px;
	width:expression(document.body.clientWidth > 784? "784px": "auto" );
	margin: 0 2px 0 0;
	padding: 0 12px 0 0;
	background: #BAC4D4 url('site_images/borders.gif') 100% 0 repeat-y;
}

/* IE doesn't understand this selector and ignores the declaration, only served to non-IE browsers. We reset the width to be automatically defined, and set the max-width instead */
.container > .box-latest {width:auto; max-width:796px;}

That should work fine.

[Arctic]

Thanks for showing me how, but I already did it by using that CSS max-width for IE site posted above HEH

Thanks anyways.

[kjmatthews]

You're welcome. If you're worried about your CSS validating, the proprietary IE solution will not validate against W3C standards. But it will still work.

[Alan+61415484049]

Originally Posted by kjmatthews

...the proprietary IE solution will not validate against W3C standards. But it will still work.

Meanwhile, over in #FF0000Mond, the Master of the Internet (This is his day job. He moonlights as a Window Gleaner) is outFoxed yet again by a humble surfer - Worka Round - who hides from his adversary in the Cascade of Specifity, taught to him by his ancestor, the Creator, SQML!

Apparently, the master has changed his own rule (born '97) about not following the specs. with the latest blue circle browser enslaving web authors into re-writing thousands of domains, yet still having to call upon our hero, Worka Round!