Also ich wollte ein neues Layout für meine Seite. Da ich mich derzeit mit CSS vertraut mache wollte ich also auf Tabellen verzichten. Bisher klappt fast alles soweit. Ausser das ich 2 divs habe(menu,text) die absolut nicht gleich lang werden möchten. Und das mein Design leicht verschoben ist. Das kann ich aber wieder richten. Das Design sollte eigentlich für IE und FF brauchbar sein will aber nicht so ganz. Bitte helft mir!
Code:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<title>The freak side of life</title>
<style type='text/css'><!--
body { background-color: #000000; color: #ffffff; font-family: "comic sans MS"; font-size: 0.7em; }
#main { width: 950px; margin-left: auto; margin-right: auto; margin-top: 30px; }
#head { width: 950px; height: 100px; border: 1px dashed #ffffff; }
#menu { width: 135px; height: 100%; float: left; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #ffffff; min-height: 400px; }
#content { width: 950px; margin-top: 5px; }
#text { float:right; border: 1px dashed #ffffff; width: 804px; }
#foot { width: 950px; height: 25px; clear: both; border: 1px dashed #ffffff; }
--></style>
</head>
<body>
<div id='main'>
<div id='head'>head</div>
<div id='content'>
<div id='menu'>menu</div><p id="text">
content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />
content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />
</p>
</div>
<div id='foot'>foot</div>
</div>
</body>
</html>
