<div> Layout :: Problem beim definieren der mittleren

Lohgock-Trainer · Beitrag von **Lohgock-Trainer** » 28.07.2006 17:31

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">&nbsp;</div>
<div id="middle">&nbsp;</div>
<div id="right">&nbsp;</div>
</body>
</html>

Beitrag von **S2B** » 28.07.2006 17:56

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">&nbsp;</div>
		<div id="right">&nbsp;</div>
		<div id="middle">&nbsp;</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^^).