Probleme mit dem Elternelement beim floaten

jogibaer · #1 (**permalink**) 21.04.2015, 15:21

Hallo zusammen,

habe mal ne Frage bezüglich floaten:

Die Container "hintergrund_Inhalt" und "container inhalt" wachsen mit dem container 50 super mit, nur wenn ich jetzt den Container 50 auf float:left setze springt er mir aus dem Elternelement raus. Könnt ihr mir vielleicht weiterhelfen? Das Float muß gesetzt werden weil zwei weitere Container nebendran sollen.

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
<link rel="stylesheet" href="test.css">

</head>
<body>

<div class="hintergrund_inhalt">
<div class="container_inhalt">

<div class="container_50">
<div class="container_50_bild"><img src="images/teaser_bild_test_50_460px.jpg">
</div>

<div class="container_50_bild_text">asfasdfasdf
</div>

</div>

</div>
</div>

</body>
</html>

CSS Code:

.hintergrund_inhalt {
width: 100%;
margin: 0 auto;
background-color:#cc0000;

}

.container_inhalt {
width: 100%;
max-width: 960px;
background-color:#ccff00;
margin: 0 auto;
padding-top:40px;
padding-bottom:40px;

}

.container_50{
float:left;
background-color:#fffff0;
width:470px;
padding-top:40px;
padding-bottom:40px;

}

.container_50_bild{
width:196px;
background-color:#00fff0;
}

.container_50_bild_text{
width:196px;
background-color:#00fff0;
}

Über Hilfe wäre ich sehr dankbar.

Gruß
Jogi

jogibaer · #2 (**permalink**) 21.04.2015, 15:31

Hallo Jungs hat sich schon erledigt ich haben dem Elternelement ein overflow:auto; gegeben und jetzt funzt alles

Trotzdem Vielen Dank!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Probleme mit css hline auf dem Mac	roverandom	CSS	5	29.01.2013 09:55
Layoutcheck von einer Beispielseite	wave	Site- und Layoutcheck	1	12.11.2008 21:48
Probleme mit dem Layout: divanordnung	Muckel	CSS	8	29.06.2008 11:28
probleme mit dem footer - schiebt sich immer drüber!	gudrun	CSS	5	29.04.2008 15:26
Probleme mit dem Design!	Pumpkin	CSS	1	11.02.2006 09:22