HTML Forum

**Angel-designs** · 11-18-2006, 05:29 AM

Hey guys, well im having a bit of a problem im making a website and i have just made a few quick graphics for it but i cant get it to look good in mozzila and i think it might be something to do with background images floating left in the header and that.

Ill put the code on here so you can see it

HTML

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>

<body>
<div id="container">
  <div id="header">
  <div id="navigation"></div>
  </div>
  <div id="cable"><img src="images/cable1.gif" width="750" height="30" /></div>
  <div id="main">hi</div>
</div>
</body>
</html>

CSS:

Code:

/* CSS Document */
body{
background-color:#000000;
}

#container{
width:750px;
height:600px;
margin:auto;
}

#header{
width:750px;
height:191px;
background-image:url(images/header4.gif);
float:left;
}

#navigation{
width:253px;
padding:2px;

}

#cable{
height:30px;
background-image:url(images/cable.gif);
}

#main{
border:1px solid #FFFFFF;
height:380px;
}

Hope someone can help me it looks fine in IE and in dreamweaver, This is how i want it to look.

**LadynRed** · 11-20-2006, 10:23 AM

Why are you floating the header at all if it is the same width as your container ??
Considering what you've posted, I see no reason to float it, just leave it w/o any positioning, the document flow will take care of it.

If you're going to use floats, you MUST remember to CLEAR those floats.

IE has a broken box model and a myriad of other vagaries that do NOT conform to the standards. Better to code your site so it looks right in FF first, then adjust for IE's bugs.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!