Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 13.06.2009, 14:58
Benutzerbild von mantiz
mantiz mantiz ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Ich hab' Dir mal ein Beispiel erstellt.
Die Breitenangaben müssten natürlich entsprechend angepasst werden.

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

	<head>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
		
		<title>[ untitled ]</title>
		
		<style type="text/css">
			* {
				margin:  0;
				padding: 0;
			}
			#main {
				margin:     0 auto;
				width:      900px;
				background: #CCC;
			}
			#main_left {
				float:      left;
				width:      79%;
				background: #DDD;
			}
			#content {
				float:      right;
				width:      74%;
				background: #EEE;
			}
			#left {
				float:      left;
				width:      25%;
				background: #EEE;
			}
			#right {
				float:      right;
				width:      20%;
				background: #DDD;
			}
			hr.clear {
				clear:      both;
				height:     1px;
				visibility: hidden;
				margin-top: -1px;
			}
			
		</style>
	</head>

	
	<body>
		
		<div id="main">
			<div id="main_left">
				<div id="content">[ content ]</div>
				<div id="left">[ left ]</div>
			</div>
			<div id="right">[ right ]</div>
			<hr class="clear" />
		</div>
		
	</body>
	
</html>
Zu beachten ist hier, dass ich ein hr zum clearen benutzt habe, um den Haupt-Container aufzuspannen, dafür kann man noch etliche andere Verfahren nutzen, z.B. EasyClearing oder Float-in-float.

Am besten schaust Du Dir das Beispiel einmal an und testest damit ein wenig rum. Parallel würde ich mich aber auch ein wenig in floats einlesen, damit Du auch weißt, was Du da machst und warum es wichtig ist korrekt zu clearen, bzw. was es für Auswirkungen hat, wenn man nicht oder anders cleart.
Mit Zitat antworten