CSS IE7 background-color Div Problem

atrum · March 13, 2010

Ok, so I am brushing up on my css because it has been a couple of months since I last used it, and I am having an odd issue with IE7.

Basically to describe my issue I have a site built with mostly divs and css formatting.

In FF3.6 it works just fine, but in IE7 it seems as though the content div ether hidden or behind something else.

On this page you can see the issue: [http://tools.exiled-alliance.com/vpsexpert/index.php].

You will notice in FF that the center box is yellow (I added colors to help me line things up).

In IE7 you will notice that the content area is gray which I have colored the wrapper div.

I would be very appreciative if someone could help find where I am going wrong here.

Thanks,

Atrum

Here is the html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>VPS Expert</title>

	<link rel="stylesheet" type="text/css" href="./css/vpsexpert.css" />
</head>

<body>

	<div id="wrapper">

		<div id="header">

		</div><!--header-->

		<div id="menu">
			<ul class="list">
				<li><a href="?page=login&action=membership">-Login</a></li>
				<li><a href="?page=register&action=membership">-Register</a></li>
			</ul><!--list-->
		</div><!--menu-->

		<div id="content">

		</div><!--content-->

	</div><!--wrapper-->
</body>
</html>

And here is the CSS:

/*Main*/
#wrapper{
width:1000px;
height:800px;
background-color:gray;
color:white;
overflow:hidden;
}

#header{
width:100%;
height:100px;
background-color:blue;
float:left;
}

#menu{
width:100px;
height:100%;
background-color:black;
float:left;
}

#content{
width:1000px;
height:100%;
padding-top:8px;
padding-left:15px;
background-color:yellow;
color:black;

}

ul{
list-style-type: none;
}

body{
font-family:Arial;
font-size:13px;
font-weight:bold;
}
/*end Main*/

atrum · March 13, 2010

I figured it out, nvm.

Sign In

CSS IE7 background-color Div Problem

Recommended Posts

atrum

Link to comment

Share on other sites

atrum

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information