Help - Search - Members - Calendar
Full Version: Browser Compatibility
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
XyberForce
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
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
         <div id="header">
        
               Home | Contact | Lithium |
     </div>
         <div id="subnav"><a href="#">Home</a> | <a href="#">What is Sons of War?</a> | <a href="#">F.A.Q.s</a></div>
XyberForce
Thanks, IAmSiphon. It works! You're a lifesaver. biggrin.gif 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.
Invision Power Board © 2001-2012 Invision Power Services, Inc.