This is probably really simple, but when i produce a layout using DIV, and styling with CSS, i can align the DIV's and set font's etc no problem.
But when i use by HTML editor, i can set the background color of the DIV and it fills fine, but when i upload and to the server and run on the web, the background color does'nt fill all the way down.
The background color for the div#nav fills ok, its just the #container div that does'nt seem to work.
Here is the code for the styles and layout:
CODE
<style type="text/css" media="screen">
div#container {
margin: 0 auto; width: 80%;
height: 100%;
background-color:#FDCFAE;
z-index:100;
}
div#content {
width:100%;
height:100%;
background-color:#FDCFAE;
z-index:101;
}
div#nav {
background-color:#F79E5D;
border-style:solid;
border-color:orange;
font-family: arial;
font-size:8;
text-align:center;
}
div#banner {
z-index: 103; left: 110px; width: 344px; position: absolute; top: 51px;
height: 64px
}
</style>
</head>
<body>
<div id="container">
<div id="content">
<div id="nav" style="z-index: 102; left: 121px; width: 175px; position: absolute; top: 127px;
height: 194px">
<a href="http://www.book-your-mot.co.uk">book-your-mot.co.uk</a>
</div>
<div id="banner">
<img src="/images/bookmy_banner1.jpg" style="width:100%;" />
</div>
</div><!--content-->
</div><!--container-->
</body>
</html>
| 