2 replies [Last post]
gdnovey
Offline
newbie
Last seen: 13 years 51 weeks ago
Timezone: GMT-6
Joined: 2007-01-29
Posts: 7
Points: 0

I've just started coding my site and I've already hit a snag with the navigation. In firefox and opera it looks fine but in IE 6 the navigation is off to the right. Please visit this link in multiple browsers to see what I mean: http://www.zapmonki.com/Zapmonki_v4/index.php

Here is my HTML

Untitled Document

Here is my CSS

* { margin:0; padding:0; background-color:transparent; }

body {
background:url(images/globalBGTile.gif);
margin:0;
padding:0;
}

/*----------------------Header------------------------------*/

#globalHeader {
background:url(images/headerBGTile.gif) repeat-x left top;
height:119px;
}

#header {
position:relative;
width:650px;
left:50%;
margin-left:-325px;
height:119px;
background:url(images/headerBG.gif) no-repeat left top;
}
/*----------------------------------------------------------*/

/*-------------------------Main Nav-------------------------*/
ul#nav {
list-style:none;
height:34px;
position:absolute;
top:85px;
}

ul#nav li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
}

ul#nav li a {
display:block;
height:34px;
}

a#home {
width:125px;
background:url(images/mainNav.gif) no-repeat left top;
}

a:hover#home {
background:url(images/mainNav.gif) no-repeat left bottom;
}

a#webDesign {
width:125px;
background:url(images/mainNav.gif) no-repeat -125px 0;
}

a:hover#webDesign {
background:url(images/mainNav.gif) no-repeat -125px -34px;
}

a#blog {
width:125px;
background:url(images/mainNav.gif) no-repeat -250px 0;
}

a:hover#blog {
background:url(images/mainNav.gif) no-repeat -250px -34px;
}

/*----------------------------------------------------------*/

Any help would be appreciated.
Thanks,
Grant

gdnovey
Offline
newbie
Last seen: 13 years 51 weeks ago
Timezone: GMT-6
Joined: 2007-01-29
Posts: 7
Points: 0

Figured it out

My logo image in the upper left corner was forcing the nav in IE to the right. Must not have cleared the image.

Thanks,
Grant

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 25 weeks 6 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Thanks for letting us know,

Thanks for letting us know, glad you fixed it!

Verschwindende wrote:
  • CSS doesn't make pies