ken organ wrote:
> I would appreciate a Cross browser check and help with overcoming
> left column, navigation, alignment and possible padding margin
> problems.
>
> Ideally I would like the menu to be sitting more to the left ... BUT
> still have the tabs overlapping the green box.
>
> http://users.ncable.net.au/~keno2
The following addition (or corrections) should give you a quite
cross-browser reliable layout...
#menu {width: 140px; height: auto; float: left; }
#nav {position: relative; width: 140px; float: left; margin: 0 -20px 0 0;}
#nav ul {margin: 10px 0 0 20px; padding: 0;}
#nav ul li {margin-bottom: 6px;}
#block {width: auto;}
It's tested in Firefox 2.x, Opera 9.x, Safari 2.x and IE6.
Notes:
- IE6 can't handle overflow/overlapping correctly, so I have styled in
nested floats, negative back-side margins and stacking-corrections for
it - in a way other browsers understand perfectly.
- ul#nav doesn't exist, so I have styled the correct #nav ul instead.
- Lists must have both margins and paddings declared for cross-browser
reliable results. That's basically because not all browsers use the same
property for defaults.
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/
