...

View Full Version : Why is my page working fine in IE but not Firefox???



tHeDukE
10-28-2006, 09:59 PM
I'm having this problem where my webpage will work in IE just fine but when I preview it in firefox...its completely screws up. I'm still learning alot about css sooo if someone can point me in the right direction that would be nice =D Well here is my html and css so far:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/mystyle.css" />
<title>My Portfolio</title>
</head>
<body>
<div id="wrapper">
<div id="rightheader"></div>
<div id="header"> hi1</div>
<div id="leftcolumn">hello </div>
<div id="centercolumn"> hi</div>
<div id="rightcolumn"> nice</div>
<div id="footer"> Hey, my footer goes here! </div>
</div>
</body>
</html>
body {
background-color: #FFFFFF;
}
#wrapper {
width: 775px;
margin: 0 auto;
text-align: left;
position: relative;
}
#header {
width: 625px;
height: 100px;
border-left: medium solid #6699cc;
border-bottom: medium solid #6699cc;
background-color: #FFF;
float: left;
}
#rightheader {
width: 146px;
height: 104px;
background-image: url(../images/rightheader.gif);
background-color: #FFF;
float: left;
}
#rightcolumn {
float: left;
height: 200px;
width: 129px;
background-color: #FFF;
}
#centercolumn {
float: left;
height: 200px;
width: 496px;
border-left: medium solid #6699cc;
text-align: center;
background-color: #FFF;
}
#leftcolumn {
float: left;
height: 200px;
width: 146px;
background-color: #FFF;
}
#footer {
clear: both;
}

_Aerospace_Eng_
10-28-2006, 11:33 PM
You need to clear your header floats.

tHeDukE
10-29-2006, 02:53 AM
So how exactly do you know when to use the clear attribute? Can you please explain that to me so next time this happens I won't have to ask the same question over.

_Aerospace_Eng_
10-29-2006, 03:26 AM
http://www.positioniseverything.net/easyclearing.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum