Problem mit CSS Ausrichtung
Css-Datei:
Code:
div.main {
border: 1px;
border-style: solid;
border-color: rgb(0,102,153);
width: 600px;
float: left;
}
div.randlinks {
border: 0px;
width: 100px;
float: left;
}
div.randrechts {
border: 0px;
width: 100px;
float: right;
}
div.header {
border: 1px;
border-style: solid;
border-color: rgb(0,102,0);
height: 98px;
}
div.shortmenu {
border: 1px;
border-style: solid;
border-color: rgb(0,102,102);
height: 18px;
}
div.down {
border: 1px;
border-style: solid;
border-color: rgb(0,102,153);
height: 478px;
}
div.menu {
border: 1px;
border-style: solid;
border-color: rgb(255,102,0);
width: 148px;
height: 476px;
float: left;
}
div.front {
border: 1px;
border-style: solid;
border-color: rgb(51,255,0);
width: 448px;
height: 476px;
float: right;
}
HTML-Datei:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<link rel="stylesheet" type="text/css" href="design1.css">
<title></title>
</head>
<body>
<div class="randlinks">hier soll nix sein
</div>
<div class="main">
<div class="header">
Hier kommt eine Head-Grafik hin, inklusive Name der Unternehmung.
</div>
<div class="shortmenu">
Hier kommen die wichtigsten Linkpunkte hin. (Home, Forum,...)
</div>
<div class="down">
<div class="menu">
Hier kommen die einzelnen Links hinein. Unterteilt in Kategorien.
</div>
<div class="front">
Hier kommen dann z.B. News und die ganzen anderen Inhalte hinein.
</div>
</div>
</div>
<div class="randrechts">hier soll nix sein
</div>
</body>
</html>
Irgendwie funktioniert das nicht so richtig...
So solls in etwa aussehen:
http://www.simghost.de/skizzen/farbe1.gif
