jord: CSS 3Spalten werden nicht nacheinander dargestellt.

Beitrag lesen

SELF-Forum

CSS 3Spalten werden nicht nacheinander dargestellt.

jord
– Informationen zu den Bewertungsregeln

Problem fat gelöst: Habe jetzt mit margin-left die Abstände gesetzt und dann klappte es. Jetzt kolidiert aus einem mir unerfindlichem Grund die rechte Spalte mit der Fußzeile. Dürfte aber nur noch eine Kleinigkeit sein...

<html>  
  <head>  
    <title>Kothes</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
    <meta http-equiv="language" content="de" />  
    <link rel="stylesheet" type="text/css" href="style.css" />  
  
  </head>  
  <body>  
	<!-- ###DOKUMENT### begin -->  
	<div id="container">  
		<div id="container2">  
			<div id="container3">  
				<div id="logo">  
					###LOGO### :: ###Sprache###  
				</div>  
				<div id="menueSuche">  
					###MENU### :: ###SUCHE###  
				</div>  
				<div id="banner">  
					###BANNER###  
				</div>  
				<div id="inhalt">  
					<div id="links">  
						###LINKS###			  
					</div>  
					<div id="mitte">  
						###MITTE###  
					</div>  
					<div id="rechts">  
						###RECHTS###  
					</div>  
				</div>  
				<div id="footer">  
					###FOOTER### :: ###DATUM### ::: ###Druckversion###  
						  
				</div>  
			</div>  
		</div>  
  
	</div>  
	<!-- ###DOKUMENT### end -->  
  </body>  
</html>  


body{  
	text-align:center;  
}  
div#container{  
  
	background-color: #eeeeee;  
}  
  
div#container2{  
	width: 1000px;  
	height: 850px;  
	margin:0px auto;  
}  
div#container3{  
	width:950px;  
	height: 100%;  
	margin: 0px auto;  
	border: 1px solid black;  
}  
div#logo{  
	width: 950px;  
	height: 50px;  
	border-bottom-style: solid;  
	border-width: 1px;  
}  
div#menueSuche{  
	float: left;  
	width: 950px;  
	height: 40px;  
	border-bottom-style: solid;  
	border-width: 1px;  
}  
div#banner{  
	float: left;  
	width: 950px;  
	height: 80px;  
	border-bottom-style: solid;  
	border-width: 1px;  
}  
div#inhalt{  
	float: left;  
	width: 950px;  
	height: 650px;	  
	border-bottom-style: solid;  
	border-width: 1px;  
}  
div#links{  
	float:left;  
	width: 200px;  
	height: 650px;  
	border-right-style: solid;  
	border-width: 1px;  
}  
div#mitte{  
	 width: 600px;  
	 margin-left: 200px;  
	 border-right-style: solid;  
	 border-width: 1px;  
}  
div#rechts{  
	margin-left: 800px;  
	width: 150px;  
	height: 650px;  
	border-left-style: solid;  
	border-width: 1px;  
}  
div#footer{  
	float: left;  
	width: 950px;  
	height: 30px;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln