Bild ragt über DIV

TheRocco85

Aktives Mitglied
Thread Starter
Dabei seit
12.08.2007
Beiträge
1.041
Reaktionspunkte
27
Ich hab ein Bild in einem DIV, dass über die Grenzen des DIVs hinausragt.

Wie schaff ich es dass die Grenzen des DIVs sich dem Inhalt anpassen?

Grüße

Code:
div.FotoLinks {
	border: 1px solid #00BBFF;
	width:90%;
	position:relative;
	margin-top:3em;
}
	div.FotoLinks img {
	float:left;
	}
 
OK, habs so geschafft, dass ich ein DIV über alles leg, und die inneren DIVs mit einem float belege. Fragt mich aber nicht warum das jetzt funktioniert... :D

Code:
div#UeberContainer {
	border:1px solid #FFBB00;
	width:90%;
	margin-bottom:3em;
}

div.FotoLinks {
	border: 1px solid #00BBFF;
	position:relative;
	margin-top:3em;
	float:left;
}
	div.FotoLinks img {
	float:left;
	}
 
Liegt wohl eher an der width die jetzt im "über"container definiert ist ;) .
 
Aber was hat die width mit der height zu tun? ;)

Wo hast Du im Ausgangspost geschrieben, das Du von der höhe sprichst ? :)
Nimm doch beim div.FotoLinks nochmal einfach das float: left raus und guck mal was passiert.

Durch das float wird das Element auch implizit auf display: block gesetzt.
Kann gut sein, das das die Lösung war.
 
Zurück
Oben Unten