Seite 1 von 1
<div> Layout :: Problem beim definieren der mittleren
Verfasst: 28.07.2006 17:31
von Lohgock-Trainer
Ich möchte mir ein 3 Spaltiges <div> Layout erstellen. Allerdings habe ich Probleme bei der Definierung der mittleren Spalte. Die Linke und Rechte Spalte sollen 150 px groß sein. Die Mittlere Spalte soll den Rest einnehmen. Wie mache ich das?
Code: Alles auswählen
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#left, #right {
width:150px;
}
#left {
float:left;
}
#right {
float:right;
}
#middle {
float:left;
}
</style>
</head>
<body>
<div id="left"> </div>
<div id="middle"> </div>
<div id="right"> </div>
</body>
</html>
Verfasst: 28.07.2006 17:56
von S2B
Dat isses
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#left, #right {
width: 150px;
}
#left {
float: left;
}
#right {
float: right
}
#middle {
margin: 0px 150px
}
-->
</style>
</head>
<body>
<div id="left"> </div>
<div id="right"> </div>
<div id="middle"> </div>
</body>
</html>
Dadurch wird zwar die Reihenfolge im Quellcode verändert, aber ich denke, dass das wohl oder übel sein muss (wenn nicht, belehrt mich eines Besseren^^).