Joe: Div in Div positionieren

Beitrag lesen

SELF-Forum

Div in Div positionieren

Joe
– Informationen zu den Bewertungsregeln

Hallo,
ich bin ein absoluter Anfänger in css und mein Problem ist, dass ich es nicht schaffen in einem "hauptdiv" 3 andere divs so zu positionieren, das eines rechts eines in der mitte und eines links ist. Ich hatte es schon soweit, das es ohne das in der mitte klappt aber wenn ich das in der mitte einfüge wird mein rechtes nach unten geschoben. Ich habe auch bereits bei euch im Forum gesucht aber konnte nichts finden was meine Fehler enthällt. Habe trotzdem ein paar Tipps ausprobiert aber es klappt nicht. ^^ Ich wäre wirklich sehr froh wenn sich das mal jemand bitte kurz anschauen kann. ^^

HTML:

body {  
	background-image: url(images/Background.jpg);  
	background-color: #274FA4;  
	background-repeat: repeat-x;  
}  
-->  
</style>  
<link href="css/GIS.css" rel="stylesheet" type="text/css" />  
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>  
</head>  
  
<body>  
<div id="Wrapper">  
  <div id="Banner"></div>  
  <div id="Bodyarea">  
  
  <div id="leftbar"></div>  
  
<div id="content"></div>  
  
  <div id="rigtbar"></div>  
  
  
  
  </div>  
  <div id="footer"></div>  
</div>  
</body>  
</html>

CSS:

* {  
	margin: 0px;  
	padding: 0px;  
}  
#Wrapper {  
	width: 998px;  
	background-color: #FFFFFF;  
	margin-right: auto;  
	margin-left: auto;  
}  
#Wrapper #Banner {  
	height: 178px;  
	background-image: url(../images/Banner2.jpg);  
}  
a img {  
	border-top-style: none;  
	border-right-style: none;  
	border-bottom-style: none;  
	border-left-style: none;  
}  
#Wrapper #Bodyarea #leftbar {  
	height: 535px;  
	width: 195px;  
	float: left;  
	margin-left: auto;  
	background-color: #006666;  
}  
#Wrapper #Bodyarea #rigtbar {  
	height: 535px;  
	width: 201px;  
	float: right;  
	background-color: #0099FF;  
}  
#Wrapper #Bodyarea #content {  
	background-color: #00FF00;  
	height: 400px;  
	width: 300px;  
	margin-left: auto;  
	margin-right: auto;  
}  
  
#Wrapper #footer {  
	height: 40px;  
	clear: both;  
	background-color: #FFFFFF;  
}

Content soll in die Mitte der "Bodyarea" und leftbar links und rightbar rechts

Beitrag melden
–
Informationen zu den Bewertungsregeln