Nick Casares wrote:
> I've got a layout that I've been working on here:
>
> http://www.nova-web-solutions.com/new/
>
> It works great in Safari and FIrefox Mac/Win, but breaks in IE 6
> (possibly 5, but I haven't tested). I have a feeling it has to do
> with the order of my code, but I can't quite figure it out. Does
> anyone have any idea what's going on here?
1: Looks like a 'hasLayout'[1] affected container in a tight layout.
Deleting the 'hasLayout' trigger...
#contentwrapper {width: 510px;}
...will solve that problem, but #navbar may need a slight correction in
IE/win.
2: Remember that not all browsers have the same margin/padding defaults
on lists. Set complete margins and paddings for cross-browser reliable
results.
#content ol {
padding-left: 50px;
margin: 15px 30px 15px 0;
}
...looks pretty cross-browser reliable, and something like...
#content ul {
padding-left: 30px;
margin: 0 50px 20px 0;
}
...shouldn't be too far off either.
The above tested in IE6, Firefox 1.5.0.4 & Opera 9beta2.
Can't test in IE5/win at the moment, but from the looks of it in IE6'
Quirks mode, it's probably only centering of page that's missing in IE5.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
