so...habe das jetzt mal gemacht, aber wenn ich die seite teste, ist alles verschoben. ich habe keine ahnung wieso! ich möchte gerne oben einen header, darunter die navi, darunter den main-bereich, der in links und rechts aufgeteilt ist und darunter einen footer. alles soll einen rand haben. irgendwie ist alles verschoben.
mfg
Mein Code...
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSS-Div.css" />
</head>
<body>
<div id="Wrapper">
<div id="Header">
</div>
<div id="Navi">
</div>
<div id="Main_Left">
</div>
<div id="Main_Right">
</div>
<div id="Footer">
</div>
</div>
</body>
</html>
Alles anzeigen
CSS-Datei
div#Wrapper
{ width: 720px;
height:340px;
margin:0 auto;
border:1px solid #000000; }
div#Header
{ width: 720px;
height:280px;
background:#FFFFFF;
float:left; }
div#Navi
{ width: 720px;
height:20px;
background:#FFFFFF;
float:left;
border-top:1px solid #000000; }
div#Main_Left
{ width: 360px;
height:20px;
background:#FFFFFF;
float:left;
border-top:1px solid #000000;
border-right:1px solid #000000; }
div#Main_Right
{ width: 360px;
height:20px;
background:#FFFFFF;
float:left;
border-top:1px solid #000000 }
div#Footer
{ width: 720px;
height:20px;
background:#FFFFFF;
border-top:1px solid #000000; }
Alles anzeigen