PDA

View Full Version : Expanding navbar and divs out of place in IE 6



laughhearty
Oct 24th, 2008, 05:37 AM
Okay, I will preface this with:
Yes, the site looks ghetto right now and no it hasn't been validated.
I've got a client who doesn't get it and needed a site up pronto.

Right now, I'm having problems with IE 6. The navbar is WHACKED. It seems to have expanded and some of my divs have moved over to the left. The site looks great in all other browsers except I'd like to get rid of the gap at the top of the header.

http://aliciastrose.com/eccsite

http://aliciastrose.com/eccsite/gyre.css

Any help would be appreciated.

A~

abduraooft
Oct 24th, 2008, 10:11 AM
Try

#primarynav {
height: 36px;
margin: 0;
/*padding-left: 135px;*/
width: 812px;
margin:0 auto;
}

#primarynav li a {
/*display: block;*/
float:left;
height: 36px;
background-repeat: no-repeat;
background-position: 0 0;
}

laughhearty
Oct 26th, 2008, 03:30 AM
Here's what the results look like:

http://aliciastrose.com/eccfirefox.jpg

http://aliciastrose.com/eccIE6.jpg

A~

PS I fixed the gap at the top with a basic 0 margin and 0 padding.

laughhearty
Oct 26th, 2008, 10:52 AM
I found most of my problem. I'd forgotten to add one of my nav buttons to the CSS. Aargh.....

I am having a problem getting IE 6 to recognize my alternate CSS file.

A~