Ich habe mal jetzt so etwas super simples versucht zu machen und würde gerne die Meinung von Experten einholen. Theoretisch entspricht das meinen Anforderungen, nur wie schaut es aus von der Kompatibilität und würdet ihr das auch so machen? Oder habe ich an der einen oder anderen Stelle was falsches gemacht, was vergessen etc.
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>The Blog</title>
<style media="screen" type="text/css">
body {margin:0 auto;padding:0;border:0 none;background:#FFFFFF none repeat scroll 0
0;max-width:950px;min-width:950px;font-size:12px;text-align:center;}
#wrapper {width:950px;}
#header {clear:both;float:left;width:950px;background-color:Red;margin-bottom:10px;}
#col1 {float:left;width:335px;margin-right:115px;background-color:yellow;text-align:left;}
#col2 {float:left;width:300px;margin-right:40px;background-color:green;text-align:left;}
#col3 {float:left;width:160px;background-color:gray;text-align:left;}
#footer {clear:both;width:950px;background-color:blue;margin-top:10px;}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="col1">columns 1</div>
<div id="col2">columns 2</div>
<div id="col3">columns 3</div>
<div id="footer"></div>
</div>
</body>
</html>