<!-- <a href="http://www.bluerobot.com/web/css/fouc.asp/" >http://www.bluerobot.com/web/css/fouc.asp/</a> -->
<!-- <a href="http://leftjustified.net/journal/2004/10/07/css-negotiation/" >http://leftjustified.net/journal/2004/10/07/css-negotiation/</a> -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>XHTML 1.0 conform layout</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<!-- using a link prevents FOUC -->
<style type="text/css" media="screen">
#leftnav{
float: left;
width: 250px;
border: 1px solid green;
}
#rightnav{
float: right;
width: 250px;
border: 1px solid blue;
}
#content{
margin-left: 250px;
margin-right: 250px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="leftnav">
spalte1
</div>
<div id="rightnav">
spalte2
</div>
<div id="content">
spalte3
</div>
</body>
</html>
3 Column Layout with floats
Leave a Reply
You must be logged in to post a comment.