Jag får inte float att fungera, och jag kan inte se nått fel i koden?
Kanske för jag är bakis som ett ägg men lite hjälp skulle inte skada :)
<!DOCTYPE html PULIC "-//W3C//DTD XHTML 1.0 STRICT//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>sss</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="sv" />
<style type="text/css">
body {margin:0px; padding:0px; font: 1.0em verdana, ariel, sans-serif;}
div#header {width:450px; background-color:#CAF;}
div#contentarea {width:450px; background-color:#CCC;}
div#column1 {width:150px; background-color:#FCC; float:left;}
div#column2 {width:150px; background-color:#000; float:left;}
div#column3 {width:150px; background-color:#AAF; float:left;}
div#footer {width:450px; background-color:#FAC;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.clearfix {display: inline-table;}
/* hack med bakåtlutande streck döljer för IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*slut på hack med bakålutande streck*/
</style>
</head>
<body>
<div id="header">Rubrik</div>
<div id="contentarea" class="clearfix">
<div id="coloumn1">Kolumn 1</div>
<div id="coloumn2">Kolumn 2</div>
<div id="coloumn3">Kolumn 3</div>
</div><!--slut på content area -->
<div id="footer">Sidfoten</div>
</body>