Problem mit 2Divs in einem grossen Div

[michisa86888]

Hallo,
hab ein kleines Problem mit meinen Divs.
Und zwar versuche ich in meinen Hauptteil Div, zwei kleinere Divs nebeneinander zu floaten. Das klappt aber leider nicht weil sie nicht im grossen Div drin sind. Wie bekomm ich das hin.
Hier mal meine CSS dafür:

div#Inhalt { /*Hauptbereich*/
margin: 0 12em 1em 16em;
padding: 10px 1em;
border: 1px solid black;
background-color: blue;
}
* html div#Inhalt {
height: 1em;

div#foto{ /*kleinere Container*/
float: left;
padding: 40px;
}

Hier noch der HTML Code

<div id="Inhalt">
<div id="foto"><h3> 2010</h3></p> <a href="beispiel1.html"><img src="images/beispiel1.jpg" /></a></div>
<div id="foto"><h3> 2006</h3></p> <a href="beispiel2.html"><img src="images/beispiel2.jpg" /></a></div>
</div>

 

[MiBo21]

AW: Problem mit 2Divs in einem grossen Div

* html div#Inhalt {
height: 1em;}

div#foto{ /*kleinere Container*/
float: left;
padding: 40px;
}

Fehlt da nicht nur eine Klammer ? Siehe in rot ?

 

[michisa86888]

AW: Problem mit 2Divs in einem grossen Div

Die Klammer hab ich nur vergessen mitzukopieren. Sorry. Liegt leider nicht an dem das es nicht funktioniert.
Hab hier mal ein Bild wie es ungefähr aussehen sollt. Rosa ist der Hauptteil und die Blauen die kleine Divs.

 

[pac_nrw]

AW: Problem mit 2Divs in einem grossen Div

Die ID muss immer eindeutig sein! id="foto" kannst du nur einmal verwenden. Mach doch besser eine Klasse daraus. Ich weiß aber nicht ob es daran liegt.

 

[michisa86888]

AW: Problem mit 2Divs in einem grossen Div

@
Nein an dem liegst leider net. Habe auch schon class probiert. Die Blauen boxen werden aber nicht innerhalb der Rosanen Box angezeigt sondern drunter.
Jemand noch ne Idee??

@all
hab die Lösung gefunden. Falls es jemand interessiert.
Hier hab das clear vergessen.

div id="Inhalt">
<div id="foto"><h3> 2010</h3></p> <a href="beispiel1.html"><img src="images/beispiel1.jpg" /></a></div>
<div id="foto"><h3> 2006</h3></p> <a href="beispiel2.html"><img src="images/beispiel2.jpg" /></a></div>
<div style="clear:both;"></div>
</div>

 

[Gegenstrom]

AW: Problem mit 2Divs in einem grossen Div

#Inhalt {
margin: 0 12em 1em 16em;
padding: 10px 1em;
border: 1px solid black;
background-color: blue;
overflow:auto; <-- da du keine höhe angegeben hast
position:relative;
}

.foto{
position:relative;
float: left;
padding:40px; <-- innenabstand
margin:10px;  <-- außenabstand
background-color:red;
}

die divs liegen schon ineinander der eigentliche hauptteil brauch halt entweder ne höhe oder eben den overflow damit er mit geht

mibo, da ís was dran

 

[MiBo21]

AW: Problem mit 2Divs in einem grossen Div

...nadann Glückwunsch!
Manchmal braucht man einfach nur jemanden im Nacken, der notfalls einspringen könnte und schon geht's wunderbar von der Hand.

In diesem Sinne
frohes Schaffen
MiBo