Tag zusammen!
Ich habe ein dickes Problem, mit dem ich mich jetzt bereits seit Wochen beschäftige und einfach
keine Lösung finde - Bin mittlerweile schon ziemlich verzweifelt!
Ich habe 3 Div-Container. Einmal den Hintergrund für die anderen zwei. Und halt die zwei anderen,
die im Background stecken. Über all habe ich - height: auto;
Und auch - float:left;
Ist float: left; im Background weg, so funktioniert alles!! Ist float: left; im Background da, so passt sich die Höhe nicht automatisch
an, sondern die beiden anderen Divs sind nicht mehr in der Hintergrund-Farbe von Background.
Naja, sehts euch einfach mal an:
HTML:
HTML
<html>
<head>
<title>Test</title>
<style type="text/css">
<--CSS Datei siehe unten-->
</style>
</head>
<body>
<div id="Background">
<p>Background</p>
<div id="div1">
<p>Beispiel1">
</div>
<div id="div2">
<p>Beispiel2</p>
</div>
</div>
</body>
</html>
Alles anzeigen
CSS Datei:
CSS
#Background {
width: 600px;
height: auto;
background-color: #585858;
margin-top: 125px;
margin-left: 250px;
float:left;
}
#div1 {
width: 200px;
height: auto;
background-color: red;
float: left;
margin-left: 20px;
margin-top: 5px;
}
#div2 {
width: 200px;
height: auto;
background-color: blue;
float: left;
margin-left: 20px;
margin-top: 5px;
}
Alles anzeigen
Ich bedanke mich bereits jetzt schon, wenn mir jemand helfen kann!