HTML-Newbie: Layout mit CSS

Beitrag lesen

Hi Matthias,

Wie bekommt man das mit der Breite hin?

Du hast sicher gemerkt, dass die gefloateten Elemente ohne Breitenangabe nur noch so breit wie der Inhalt sind.

Es braucht nur die Navigation nach links gefloatet werden, die 'gruppe' bekommt nur einen entsprechenden Außenabstand.

das ist der aktuelle Stand:

  
<!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  
			{  
				  
			}  
			  
			#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>  

Wenn ich nur die navigation floate, wie in diesem Code, dann sieht es so aus:

Ich bin mit meinem Latein am Ende... :-(

Gruß
HTML-Newbie