CSS Problem

teammatt3 posted this at 18:21 — 12th February 2006.

Joined: Sep 2003

I can't get this to work

I have a header which is 750px wide and 100 high. There are two divs inside it, that make up the header image.

Right below that I need a blue bar that is 750px wide and 25px high. I don't understand why the blue bar doesn't work in FF or Opera.

body {
margin:0px;
}

#header {
margin:auto;
width:750px;
}


#headerleft {
margin:auto;
width:443px;
height:100px;
float:left;
background-image:url('logo.gif');
}

#headerright {
margin:auto;
width:307px;
height:100px;
float:right;
background-image:url('headerimageright.jpg');
}


#navbar {
margin:auto;
width:750px;
height:25px;
background-color:#000066;

}

Here is the HTML

<div id="header">
<div id="headerleft"></div>
<div id="headerright"></div>
</div>


<div id="navbar">sdafasdfasdfsd</div>

teammatt3 posted this at 18:27 — 12th February 2006.

He has: 2,102 posts

Joined: Sep 2003

Nevermind, I didn't add a height tag to #header