Log in

View Full Version : CSS help.



Excellent2
18-07-2009, 05:19 PM
Got a problem in ie 8 and netscape.

The problems are with the nav and the sub-nav. Here is what they're meant to look like and what they look like in ie etc.

Meant to: (Btw these images aren't together)
http://www.grabup.com/uploads/cd3d4ed5232149d0122bd8daea6c776b.png
http://www.grabup.com/uploads/7a4ad9059cd2895ab8a726dc6cf3ff0c.png

Look like in ie8:
http://www.grabup.com/uploads/69fc93913b1b9c71e14eef71024d4046.png
http://www.grabup.com/uploads/fd597245d8c9dca5f2c48f288b986f76.png

CSS for nav:

#nav-wrap {
width: 450px;
float: left;
margin-top: 81px;
padding: 0px;
display: block;
margin-left: 180px;
}
.nav-home {
background-image: url(images/nav-home.png);
width: 52px;
height: 33px;
float: left;
}
.nav-shared {
background-image: url(images/nav-shared.png);
width: 56px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-reseller {
background-image: url(images/nav-reseller.png);
width: 59px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-shoutcast {
background-image: url(images/nav-shoutcast.png);
width: 76px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-services {
background-image: url(images/nav-services.png);
width: 62px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-contact {
background-image: url(images/nav-contact.png);
width: 62px;
height: 33px;
float: left;
margin-left: 6px;
}
CSS for sub-nav:

#sub-bg {
height: 22px;
background-color: #ececec;
border-bottom: 1px solid; color: #d8d8d8;
padding-left: 141px;
padding-right: 141px;
padding-top: 7px;
}

BoyBetterKnow
18-07-2009, 05:31 PM
And it works fine in ie7, FF etc?

Excellent2
18-07-2009, 05:34 PM
And it works fine in ie7, FF etc?Sure does.

Excellent2
18-07-2009, 05:50 PM
Anybody?

Awfy
20-07-2009, 10:17 AM
I'd just try adding overflow: hidden; and clear: both; to the various different classes. Seems you just have a bit of problems with the floating.

Excellent2
20-07-2009, 10:21 AM
I'd just try adding overflow: hidden; and clear: both; to the various different classes. Seems you just have a bit of problems with the floating.Cheers Greg. I've fixed it all now anyway, problem was with the margins I had.

Want to hide these adverts? Register an account for free!