Zymic Webmaster Forums > Browser Compatibility

Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS

XyberForce

Jan 9 2008, 12:24 PM

Hi, I'm having another problem. This site: http://www.sow.delta-gfx.com works perfectly fine on IE, but in Firefox and Opera, it messes up. Any comments?

CSS:

CODE

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 800px;
}
#header {
width: 800px;
color: #FFFFFF;
height: 100px;
background: #000000;
text-align: right;
}
#subnav {
width: 790px;
color: #EABB1C;
height: 20px;
background: #000000;
text-align: left;
background-image: url(img/subnav.jpg);
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
}

#subnav a {
width: 790px;
color: #EABB1C;
}

#subnav a hover {
width: 790px;
color: #FF9900;
}

#slide {
width: 740px;
color: #FFFFFF;
font-size: 9px;
background-image:url(img/recent_additions.jpg);
padding-left: 35px;
padding-right: 25px;
padding-bottom: 10px;
padding-top: 15px;
height: 65px;
}
#topcontent {
width: 800px;
color: #333;
background: url(img/top_bg.jpg);
height: 33px;
}
#content {
width: 750px;
color: #FFFFFF;
font-size: 11px;
background: url(img/midbox.jpg);
background-repeat: repeat-y;
height: 324px;
padding-left: 25px;
padding-right: 25px;
}
#bottomcontent {
width: 800px;
color: #333;
background: url(img/bottom.jpg);
height: 36px;
}
#footer {
color: #FFFFFF;
width: 800px;
border: 1px solid #ccc;
background: url(img/footer.jpg);
height: 25;
margin: 0px 0px 10px 0px;
}

IamShipon1988

Jan 9 2008, 06:41 PM

I'm not really in my room and am using my library's computer, so I can't do much. But you can try this:

Change the stylesheet's #header and #subnav

CODE

#header {
width: 800px;
color: #FFFFFF;
height: 100px;
background: #000 url(img/header.jpg);
text-align: right;
}
#subnav {
width: 790px;
color: #EABB1C;
height: 20px;
background: #000;
text-align: left;
background-image: url(img/subnav.jpg);
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
}

Replace the content from <div id="header"> to the end div tag of the (subnav)

CODE

XyberForce

Jan 10 2008, 12:39 AM

Thanks, IAmSiphon. It works! You're a lifesaver.

Many Thanks. Okay, I shall stop.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.