HTML-Newbie: Layout mit CSS

Beitrag lesen

Hallo Matthias,

erstmal Danke für Deine Antwort.

Ich würde die Navigation floaten und die drei anderen Elemente in ein gruppierendes packen.

Ich denke mal Du meinst damit ein div-Element. Ich habe meinen Code überarbeitet, aber leider haut es noch nicht hin. Es wäre sehr nett, wenn Du mal einen kurzen Blick darauf werfen könntest:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  
<html>  
	<head>  
		<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" >  
		<title>Aufgabe 3</title>  
		<style type="text/css">  
			#navigation  
			{  
				width:200px; float:left;  
			}  
  
			#gruppe  
			{  
				float:right;  
			}  
			  
			#header  
			{  
				height:150px; text-align:center;  
			}  
			  
			#content  
			{  
				  
			}  
  
			#footer  
			{  
				height:50px; text-align:center;  
			}  
  
			#navigation { border-color: grey; border-width: 1px; border-style: dashed; }  
			#header { border-color: grey; border-width: 1px; border-style: dashed; }  
			#content { border-color: grey; border-width: 1px; border-style: dashed; }  
			#footer { border-color: grey; border-width: 1px; border-style: dashed; }  
		</style>  
	</head>  
  
	<body>  
		<div id="navigation">Navigation</div>  
		<div id="gruppe">  
			<div id="header">Header</div>  
			<div id="content">Content</div>  
			<div id="footer">Footer</div>  
		</div>  
	</body>  
</html>  

Wie bekommt man das mit der Breite hin?

Gruß
HTML-Newbie