He guy's it been a while since I was here good to be back.
I'm having a problem with firefox my header keeps coming down off the top of the page. It only seems to be with firefox cant figure it out, tested in IE, Opera & chrome all are ok.
Here's the page www.websiteforumz.com/blank2.php
And the code below please help thanks.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#header-c {
width:100%;
padding:0;
margin:0;
}
#logo-div {
left:0px;
top:0px;
width:141px;
height:121px;
z-index:1;
float: left;
overflow: hidden;
}
#header-top {
top:0px;
width:832px;
height:58px;
z-index:2;
background-image: url(web/images/nav-top-r.jpg);
background-repeat: no-repeat;
background-position: top right;
float: right;
}
#header-btm {
top:58px;
width:832px;
height:58px;
z-index:3;
float: right;
}
#nav {
left:0px;
width:800px;
height:83px;
z-index:4;
background-image: url(web/images/nav-top.jpg);
background-repeat: repeat-x;
background-position: bottom;
min-height: 83px;
max-height: 83px;
float: left;
margin-bottom: 10px;
}
#nav-2 {
left:0px;
width:800px;
height:22px;
z-index:5;
background-color: #EBEBEB;
min-height: 22px;
max-height: 22px;
float: left;
margin-bottom: 10px;
}
#about {
width:396px;
height:113px;
z-index:6;
background-color: #EBEBEB;
min-height: 113px;
max-height: 113px;
float: left;
padding-bottom: 10px;
margin-bottom: 17.5px;
}
#info {
width:193px;
height:256px;
z-index:7;
background-color: #FFFFFF;
min-height: 256px;
max-height: 256px;
float: right;
}
#info-2 {
width:193px;
height:256px;
z-index:8;
background-color: #FFFFFF;
min-height: 256px;
max-height: 256px;
float: right;
margin-right: 10px;
}
#fourn-info {
width:396px;
height:113px;
z-index:9;
background-color: #EBEBEB;
min-height: 113px;
max-height: 113px;
float: left;
}
#cnt-1 {
width:250px;
height:250px;
z-index:10;
background-color: #EBEBEB;
min-height: 250px;
max-height: 250px;
float: left;
margin-top: 12px;
}
#cnt-2 {
width:250px;
height:250px;
z-index:11;
background-color: #EBEBEB;
min-height: 250px;
max-height: 250px;
float: right;
margin-top: 10px;
}
#cnt-3 {
width:250px;
height:250px;
z-index:12;
background-color: #EBEBEB;
min-height: 250px;
max-height: 250px;
float: right;
margin-top: 10px;
margin-right: 23px;
}
#footer-top {
left:0px;
width:100%;
height:27px;
z-index:13;
background-color: #EBEBEB;
min-height: 27px;
max-height: 27px;
float: left;
}
#footer-btm {
left:0px;
width:100%;
height:90px;
z-index:14;
background-image: url(web/images/footer-btm.jpg);
background-color: #82AFC6;
min-height: 90px;
max-height: 90px;
float: left;
}
.clearer { clear:both; }
body {
background-color: #FFFFFF;
background-image: url(web/images/back.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
bottom:0;
}
#container-2 {
margin:0 auto;
width:800px;
}
#fcontainer {
width:100%;
margin-top:20px;
}
#ad {
width:200px;
height:200px;
margin:0 auto;
}
h1 {
font-size: 14px;
color: #000000;
}
h2 {
font-size: 14px;
color: #003B64;
}
h3 {
font-size: 16px;
color: #003B64;
}
h4 {
font-size: 16px;
color: #000000;
}
h5 {
font-size: 18px;
color: #003B64;
}
h6 {
font-size: 24px;
color: #003B64;
}
body,td,th {
font-size: 15px;
color: #000000;
font-family: Tahoma, Arial, Helvetica;
}
</style>
</head>
<body>
<div id="header-c">
<div id="logo-div"><a href="#"><img src="web/images/logo.png" alt="" width="148" height="123" border="0" align="absmiddle" /></a></div>
<div id="header-top"></div>
<div id="header-btm"></div>
</div>
<div id="container-2">
<div id="nav"></div>
<div id="nav-2"></div>
<div id="about"></div>
<div id="info"></div>
<div id="info-2"></div>
<div id="fourn-info"></div>
<div id="cnt-1">
<div align="center">Advertisment</div>
<div id="ad"></div></div>
<div id="cnt-2"></div>
<div id="cnt-3"></div>
<div class="clearer"></div>
</div>
<div id="fcontainer">
<div id="footer-top"></div>
<div id="footer-btm"></div>
</div>
</body>
</html>
|
