Re: [css-d] IE not recognizing block level element in nav?
Daniel Hammond wrote:
> URL: http://www.studentremix.org/test/ms/index.htm CSS:
> [...] IE 6 and 7 do not show the hover state until the cursor is
> hovering over the nav link's text itself, rather than just being over
> the area of the block level element.
Give IE a "real" rather than a transparent link-background to hover on...
#nav a:link, #nav a:visited { background-color: #ad5; }
...will do in your case.
A transparent background-image can be used if a fixed color doesn't suit
a particular design.
> IE 6 and 7 show a small amount of the lighter green background color
> of the nav div area below the white.
Making it...
#nav ul { padding: 0; margin: 0 0 -1px; }
...will cover up for it, with no negative effects.
Adding...
#nav { position: relative; }
...will keep the illusion stable when subjected to (enforced)
font-resizing in IE.
Suggest you add...
#footer { display: table; }
...to make that element expand to contain its content in compliant
browsers, when necessary.
Will also advice against font-size in pixels anywhere.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE not recognizing block level element in nav?
URL: http://www.studentremix.org/test/ms/index.htm CSS: http://www.studentremix.org/test/ms/ms.css Tested on WinXP Pro: FF3, Opera 9.52, and Safari 3.1.2 display the navigation correctly, but IE 6 and 7 do not show the hover state until the cursor is hovering over the nav link's text itself, rather than just being over the area of the block level element. This hasn't happened in other sites I've made, but in comparing the different stylesheets, I don't see what the difference is. Also, IE 6 and 7 seem to add an unnecessary pixel of margin between the bottom of the nav links and the nav div's bottom border. In other words, the white background of the "current" nav link should touch the green single-pixel bottom border of the nav area, but instead, IE 6 and 7 show a small amount of the lighter green background color of the nav div area below the white. Any help on either of these issues would be much appreciated. Thanks, Daniel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
