Does opera ignore the float command?
Because it seems like everything is just overlapping at one spot.
(omitted coloring and non layout css)
[code=html]
@media screen {
body {font-size: 90%; font-weight: normal;}
#header {width: 100%; border-top: 1px solid #da7800; border-bottom: 1px solid #da7800;}
#nav {width: 13em; float: left; border-right: 2px solid #da7800; border-bottom: 2px solid #da7800; spaceing: 2 px;}
#thebody {text-align: justify; margin-left: 10px; margin-top:10px; float: left;}
}
@media print {
#header {width: 100%; border-bottom: 1px solid #000000;}
input.search, input.gosearch, div.headersearch, #nav {display: none;}
#thebody {width: 100%; text-align: justify;}
}
And this is the basic html div setup
[code=html]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html>
<head>
<title>title</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta name=”Description” content=”” />
<meta http-equiv=”content-language” content=”EN” />
<meta name=”Title” content=”title” />
<meta name=”Rating” content=”General” />
<meta name=”Robots” content=”index,follow” />
<meta name=”Abstract” content=”” />
<meta name=”Author” content=”…” />
..” />
<meta name=”Designer” content=”…” />
<link href=”/toh/style.css” type=”text/css” rel=”stylesheet” />
</head>
<body>
<div id=”header”>
Header here
</div>
<div id=”nav”>
Nav here
</div>
<div id=”Holder”>
<div id=”thebody”>
body here
</div>
Basic footer stuff here
</div>
</body>
</html>