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;
}
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;
}