For some reasons this site looks good in all browsers but IE 6 The top navigation in IE 6 is not displayed at all ... Any help would be greatly appreciated:
I have placed the code below (I had to take the image URL to post):
& lt; Div id = "nav" & gt; & Lt; Ul & gt; & Lt; Li class = "float left" id = "contact" & gt; Contact & lt; / Li & gt; & Lt; Li id = "about" & gt; About & lt; / Li & gt; & Lt; Li id = "start over" & gt; Resume & lt; / Li & gt; & Lt; Li class = "float lift" id = "work" & gt; Work & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; I am also using linked CSS sheets with the following definitions:
#nav {font-family: Arial, Helvetica, sans-serif ; Font-size: 18px; Height: 50px; Width: 214px; Status: Completed; Text-decoration: None; List-style-type: none; Left: 780 pixels; Correct: auto; Margin: 0 px; Padding: 0 pixels; Top: 52px; Z-index: 800; Zoom: 1; } #nav ul {margin: 0 pixels; Padding: 0 pixels; List-style-type: none; Display area; } # Nav ul li {float: left; Hidden flurry; Text-decoration: None; Padding: 0 pixels; Text Indent: -9000px; Margin-top: 0 pixels; Margin-right: 10px; Margin-down: 0 pixels; Margin-left: 0 pixels; } #nav ul A {display: block; } #nav # contact {background-position: left top; Width: 43px; Repeat Background: No Repetition; Background-image: url (); Height: 50px; Text-decoration: None; } #nav #about a {width: 44px; Background-image: url (); Repeat Background: No Repetition; Height: 50px; Background-position: left top; Text-decoration: None; } #nav #resume a {background-repeat: no-repeat; Height: 50px; Width: 43px; Text-decoration: None; Background-image: url (); } #nav #work a {background-repeat: no-repeat; Width: 44px; Background-image: url (); Height: 50px; Background-position: left top; Text-decoration: None; }
It can not be displayed in other browsers, because you have found Text Indent: -9000px; . #nav ul li in
Extra:
What Width: 214px; In these # navs is really necessary? This #work LI
Comments
Post a Comment