Warum verschiebt sich alles?

html.de-Forum HTML, XHTML & CSS
1

Hallo,

ich habe mal eine Frage, bezüglich eines HTML Codes:

<div class="imageframe alignleft" style="width: 150px;"><a title="Girl" rel="lightbox[pics56]" href="Bildercomingsoon.jpg"><img class="attachment wp-att-86" src="http://Bildadresse.de" alt="Girl" width="150" height="150" /></a></div>
<strong>Alter:</strong> 28
<strong>Größe:</strong> 36/38
<strong>Größe:</strong> 181
<strong>Farbe:</strong> Rot
<strong>Können:</strong> Bagger fahren
<strong>Mehr über Bagger 1 erfahren:</strong> <a href="http://baggerbagger1.de">Hier klicken</a>


<div class="imageframe alignleft" style="width: 150px;"><a title="Girl" rel="lightbox[pics56]" href="Bildercomingsoon.jpg"><img class="attachment wp-att-86" src="http://Bildadresse.de" alt="Girl" width="150" height="150" /></a></div>
<strong>Alter:</strong> 28
<strong>Größe:</strong> 36/38
<strong>Größe:</strong> 181
<strong>Farbe:</strong> Rot
<strong>Können:</strong> Bagger fahren
<strong>Mehr über Bagger 1 erfahren:</strong> <a href="http://baggerbagger1.de">Hier klicken</a>

Aussehen tut das ganze auf meiner Seite dann komischerweise so:

http://www.abload.de/img/leiderb5t1.jpg

Aus mir einem völlig unbekannten Grund, verschiebt sich der zweite Block einfach nach rechts. Ich hätte es aber gerne so (habe es mal mit PhotoShop manipuliert):

http://www.abload.de/img/sosollteesseinh3qv.jpg

Wie bekomme ich das so hin, bzw. bekomme die komische Verschiebung weg? Meine Versuche, sind alle fehlgeschlagen. Ich sage schon mal vielen Dank!

Liebe Grüße
Peter

2

Dazu müßte man den CSS Code kennen. Sieht aber aus, als ob du hier float verwendest ohne zu Wissen warum.

3

Hallo Peter

Füge bitte folgenden Bereich in dein stylesheet ( *.css ) ein :

.floatstop {
 clear:both;
}

In Deinen HTML-Code gehört dann noch ZWISCHEN die beiden Blöcke :
[HTML]

[/HTML]

Dann sollte es passen …

Gruß Detlef

4

Wäre es nicht einfacher auf float zu verzichten?

5

Ich gehe mal davon aus , das Peter das ‚float‘ nutz , damit die Texte rechts vom Bild stehen . So wird das jedenfalls in einigen Tuorials beschrieben . Der ‚floatstop‘ ebenfalls .
Geht das denn auch einfacher :oops:

Gruß Detlef