i am a newbe.. I have tried to create a small site with the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">However, the problem that I am facing is because the color white [ffffff] that was given in upper element -div page - is not working properly. the lowers divs are not getting the color white as background, in stead they are getting the defaut body tag color. and more over expression web is displaying this perfectly in work area, but when comes to IE and Mozilla preview it is failing.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
#page {
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
border: 2px solid #008000;
font-family: Gabriola, "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
width: 97%;
height:auto;
max-width: 1200px;
}
#banner {
background-color: #3366FF;
width: 100%;
height: 150px;
}
#body {
width: 100%;
height: auto;
margin-top: 10px;
}
#leftnavpanel {
float: left;
width: 20%;
background-color: #008000;
margin-top: 2px;
margin-right: 1px;
margin-bottom: 2px;
padding-left: 10px;
}
#content {
width: 78%;
height: auto;
float: right;
border: thin solid #00FF00;
background-image: none;
}
</style>
</head>
<body style="background-color: #8B8878">
<div id="page">
<div id="banner"></div>
<div id="body">
<div id="leftnavpanel">asdasd<br />
asd<br />
</div>
<div id="content">asdasd<br />
asd<br />
</div>
</div>
</div>
</body>
</html>
Could you please help me.