Lyn Williams wrote:
> I have a problem with floats when using IE 6 and older.

> http://www.ragonline.co.uk/news/story/8

Under certain conditions IE6 has problems with selectors like this...
#maincontent.mainlayout {
        width: 679px;
}

...but will work fine if given the following, simplified, version...

.mainlayout {
        width: 679px;
}

For older IE/win versions you'll also have to work around the "standard"
vs. "quirks" box-model difference...
<http://www.w3.org/International/articles/serving-xhtml/Overview.en.php#quirks>

You can either...

1: feed the old versions different width for all containers that have
both width and side-paddings, since paddings are not added to width in
the IE/win quirks mode box-model.

2: delete side-paddings on elements that has a width, and give all
browsers a new width. This usually means replacing side-paddings with
side-margins where horizontal spacing is needed, and generally avoid
situations where box-model differences create problems.


Note: it is always easier to debug layouts when the source-code is up to
the declared standard. Most of the 57 errors are non-essential and
script induced, but at least one ID - #content - is lost in there...
<http://validator.w3.org/check?uri=http://www.ragonline.co.uk/news/story/8>
...in case you want to use it.

This is more like it for that doctype...
<http://www.gunlaug.no/tos/alien/lw/test_07_082002.htm>
...and validity does help at this stage...
<http://validator.w3.org/check?uri=http://www.gunlaug.no/tos/alien/lw/test_07_082002.htm>

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to