Chris Kiltz wrote:
> I've got my template looking wonderful in Firefox, but IE screws up
> the left nav column. What do I need to do so it matches Firefox?
> The first menu item runs too close to the top of the column, and
> there's too much air between the other items.
>
> http://dbkdev.net/wb/
> http://dbkdev.net/wb/templates/dbk_custom/screen.css
>
> :) Chris Kiltz
>
>
Chris,
Opera/9.02 and IE/7.0 handled it the same (menu tight to the top). There
was a space above the menu in Firefox/2.0.0.1.
It may be a collapsing-margins problem [1]
See if this helps to put the same space above the menu and h3:
#main1 { /*padding: 0;*/ padding-top: 1px; }<<<amend
#main2 { /*padding: 0;*/ padding-top: 1px; }<<<amend
#menu { /*padding: 0;*/ padding-top: 10px; }<<<amend
h3 { margin-top: 10px; } <<<add
The space between the list items does not show in ie/7.0 It may be an
ie/6 and down "white space bug"
See if this helps:
* html #menu a:link, * html #menu a:visited, * html #menu a:active, *
html #menu a:hover {
width: 100%;
}
[1] <http://www.w3.org/TR/CSS21/box.html#collapsing-margins>
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
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/
