Bild springt aus DIV bei Alignangabe

[J.P.]

Eigentlich fehlt hier noch eine Kategorie,
wusste nicht ob ich HTML oder CSS nehmen soll.

Warum springt ein Bild aus einem
<p> oder <div> wenn es eine alignangabe bekommt ?

<ul>
<div style="width:400px;">
<a href="http://google.de">GOOGLE</a>

<p style="font-size:10px;text-align:justify;border:2px solid red;vertical-align:top;">
<img align="left" src="http://www.google.de/logos/Logo_40wht.gif" border="1">
die aktiv nach Ihren Produkten und Dienstleistungen Kunden und Besucher Ihrer Zielgruppe erreichen.
</p>

<span align="left">blablablablabla</span>
</div>
</ul>

* oder sollte ich doch lieber mal wieder Tabellen nehmen,
da passiert das nicht.

[Auge]

Hallo

Warum springt ein Bild aus einem
<p> oder <div> wenn es eine alignangabe bekommt ?

Tut es das?

<ul>
<div style="width:400px;">
<a href="http://google.de">GOOGLE</a>

<p style="font-size:10px;text-align:justify;border:2px solid red;vertical-align:top;">
<img align="left" src="http://www.google.de/logos/Logo_40wht.gif" border="1">
die aktiv nach Ihren Produkten und Dienstleistungen Kunden und Besucher Ihrer Zielgruppe erreichen.
</p>

<span align="left">blablablablabla</span>
</div>
</ul>

Wo ist da ein Listenelement in der Liste? Deine Konstruktion könnte den einen oder anderen Browser veranlassen, _irgendwas_ darzustellen. Das könnte auch der Grund für deine Beobachtung sein.

Tschö, Auge

[J.P.]

Hallo Auge

Tut es das?

Bei mir schon [ IE6]

Wo ist da ein Listenelement in der Liste? Deine Konstruktion könnte den einen oder anderen Browser veranlassen, _irgendwas_ darzustellen. Das könnte auch der Grund für deine Beobachtung sein.

<ul> war nur zur Verdeutlichung, macht aber keinen
Unterschied ob mit oder ohne.

J.P.

[Auge]

Hallo

Hallo Auge

Tut es das?

Bei mir schon [ IE6]

Bei mir nicht. Es ragt nur nach unten über den Textabsatz hinaus, da der nur den Raum einnimmt, den der Text braucht.

Wo ist da ein Listenelement in der Liste? Deine Konstruktion könnte den einen oder anderen Browser veranlassen, _irgendwas_ darzustellen. Das könnte auch der Grund für deine Beobachtung sein.

<ul> war nur zur Verdeutlichung, macht aber keinen
Unterschied ob mit oder ohne.

Komische Verdeutlichung, einen erst auf eine falsche Fährte zu locken.

Tschö, Auge

[Lösung aber....]

Frag mich immer wie andere es hinbekommen
hier eine neue Überschrift einzufügen.

Na ja, zu meiner Lösung.

Anscheinend sind Divs usw.zu blöd zu merken wie hoch
der Inhalt ist, also habe ich die Höhe des gerahmten divs
mit 100% angegeben. jetzt klappt es.

Aber ist meine Theorie da richtig, oder gibts
eine andere Lösung?

J.P.

[Auge]

Hallo

Frag mich immer wie andere es hinbekommen
hier eine neue Überschrift einzufügen.

Lies in der Forumshilfe das Kapitel zur Bedienung und du wirst es wissen.

Anscheinend sind Divs usw.zu blöd zu merken wie hoch
der Inhalt ist,

Das merken sie wohl, sie richten sich aber nach dem Text.

also habe ich die Höhe des gerahmten divs
mit 100% angegeben. jetzt klappt es.

Nur wenn der Browser weiß, worauf sich die 100% beziehen. Es klappt also in _diesem_ Fall, nicht unbedingt in jedem.

Tschö, Auge

[J.P.]

Anscheinend sind Divs usw.zu blöd zu merken wie hoch
der Inhalt ist,

Das merken sie wohl, sie richten sich aber nach dem Text.

Tun sie das? Seltsam dass wenn ich den align="left" rausnehme
wieder die Höhe stimmt, also Ausrichtung nach Bild, selbst
wenn ich den Text rausnehme.

Du sagst bei dir ragt das nur über den Textabsatz,
ja genau das meine ich, darum der rote Rahmen, eben über
denselbigen hinaus.

Nur wenn der Browser weiß, worauf sich die 100% beziehen. Es klappt also in _diesem_ Fall, nicht unbedingt in jedem.

Es bezieht sich in diesem Fall auf das übergeordnete Element.
Und das hat keine Höhenangabe, somit befürchte ich ähnliches wie
Du und fragte daher nach einer Alternative.