nicht angemeldet
Hi! Ich versuche mit CSS ein dreispaltiges Layout zu realisieren. Ich hab jetzt alles nebensächliche im Code entfernt und mich an die Vorgaben von selfhtml gehalten, aber die <div>-Bereiche rightBorder und leftBorder sind immer am linken Rand und centerContainer (mittlere Spalte) hat zwar die richtigen Seitenabstände aber setzt sich unter die beiden anderen div's (anstatt zwischen sie zu gehen).
<html>
<head>
<link rel="stylesheet" type="text/css" href="structure.css" />
<link rel="stylesheet" type="text/css" href="design_default.css" />
</head>
<body>
<div id="leftBorder"><p>lRand</p></div>
<div id="rightBorder"><p>rRand</p></div>
<div id="centerContainer"><p>mitte, Inhalt</p></div>
</body>
</html>
(design_default.css legt nur für alle Container Rahmen fest, damit ich sehe wie die Bereiche sich verhalten)
div#leftBorder {
width: 10px;
float: left;
margin:0;
padding:0;
}
div#rightBorder {
width: 10px;
float: rigth;
margin:0;
padding:0;
}
div#centerContainer {
margin: 0 23px 0 23px;
}
Vorher hatte ich anstatt <html>:
<?xml version="1.0" encoding="UTF-8" ?>
<!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">
Für jede Hilfe bin ich dankbar.