[gelöst] bild innerhalb eines DIV hängt über den rand hinaus
Eingetragen von CG (338)am 22.07.2009 - 13:23 Uhr in
hallöchen,
ich habe ein bild und text in einem div container. ich floate den text links neben das bild und jetzt wird der rahmen des umschliessenden DIV irgendwie an den text angepasst und das bild ignoriert...
ergebnis:
wie könnte ich das am geschicktesten lösen ? einfach eine höhe eingeben für den DIV container geht leider nicht, da die inhalte unterschiedlich lang sind.
vereinfachter quelltext:
<div id="umschliessender">
<div id="Bild">IMG-Tag usw.</div>
<p>hier ist der text</p>
</div>Nur so nebenbei:
weiss nicht genau ob das als bug zu sehen ist oder nicht, FF und IE verhalten sich gleich. jedenfalls verstehe ich nicht warum sich der float so gravierend auf das Layout auswirkt. wenn ich den quelltext betrachte und logisch vorgehe müsste das bild weiterhin sauber umschlossen werden aber der rahmen passt sich nur noch an die texthöhe an. warum ?
thx im vorraus
mfg
chris
- Anmelden oder Registrieren um Kommentare zu schreiben
overflow:hidden; für das
am 22.07.2009 - 14:04 Uhr
align="left" für das Bild-div
bzw. padding und margin korrekt einstellen
#umschliessender {
am 22.07.2009 - 14:13 Uhr
#umschliessender {overflow: hidden;
}
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Sehr geil ! das issses ! Big
am 22.07.2009 - 14:38 Uhr
Sehr geil ! das issses !
Big THX !
Thema wäre erledigt aber interesse halber:
möchtest du vielleicht auch etwas zur logik erklären die dahinter steckt ? mir verschliesst sie sich leider völlig ;)
Es funktioniert einwandfrei aber bedeutet "overflow:hidden;" nicht eigentlich das überstehendes abgeschnitten wird ?
wie gesagt von der reihenfolge im quelltext her sollte (so denke ich) eigentlich der rand des äusseren DIV automatisch richtig gezeichnet werden egal ob man jetzt floatet oder nicht. in der darstellung verhält sichs jedoch anders, sobald der float da ist hängt das bild über, wenn der text nicht hoch genug ist. Kannst du vielleicht irgendwie erklären wie das nach und nach zu stande kommt ? oder hast du vielleicht eine referenz wo man das nachlesen könnte ?
mfg
chris
Die Nomenklatur in Sachen
am 22.07.2009 - 14:44 Uhr
Die Nomenklatur in Sachen overflow:visible (default) und overflow:hidden ist in der Tat nicht so ganz intuitiv.. http://www.css4you.de/overflow.html
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Da war ich auch schon ;)
am 22.07.2009 - 15:03 Uhr
Da war ich auch schon ;) aber des was da steht krieg ich trotzdem nicht zusammen mit dem was dann passiert ;)
mfg
chris