Hi
I am a bit stuck on what is going on with some simple css. I am trying to have a site with colour background outside and white background inside.
The problem is as soon as I add float:left; to the "main" ID the whole site goes to the background colour
CSS
HTML
Can anyone tell me what i am doing wrong????
I am a bit stuck on what is going on with some simple css. I am trying to have a site with colour background outside and white background inside.
The problem is as soon as I add float:left; to the "main" ID the whole site goes to the background colour
CSS
Code:
body {
background: none repeat scroll 0 0 #0000FF;
color: #000000;
font-size: 12px;
margin: 0;
}
#wrapper {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0 auto;
width: 800px;
}
#main {
float: left;
width: 600px;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title><actinic:variable name="PageTitle" /></title> <actinic:variable name="BaseHref" /> <link href="actinic.css" rel="stylesheet" type="text/css"> <link rel="shortcut icon" href="<actinic:variable name="CatalogURL" />/favicon.ico" type="image/x-icon" /> <actinic:variable name="JavaScriptFunctions" /> </head> <body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />"> <div id="wrapper"> <div id="main"> <actinic:variable name="INNERLAYOUT" /> </div> dfsgdfgadf dfgdfg </div> </body> </html>
Comment