HTML-Newbie: Layout mit CSS

Beitrag lesen

Hallo,

ich bin hier total am verzweifeln. Am meisten Kopfschmerzen bereitet mir die Breitenanpassung an den verfügbaren Platz! :-(
Mein Code soweit:

  
<!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;  
			}  
			  
			#header  
			{  
				height:150px; text-align:center; float:right;  
			}  
			  
			#content  
			{  
				float:right; clear:right;  
			}  
  
			#footer  
			{  
				height:50px; text-align:center; float:right; clear:right;  
			}  
			  
			#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="header">Header</div>  
		<div id="navigation">Navigation</div>  
		<div id="content">Content</div>  
		<div id="footer">Footer</div>  
	</body>  
</html>  

Ich bin für jeden noch so kleinen Tipp nachwievor sehr dankbar.

Gruß
HTML-Newbie