webEdition - Forum

Hallo,
ich habe 6 grafiken, die nebeneinanderliegen, mit einer class belegt, die jeweils gefloaten werden.
<a title="Link zum Kreis Coesfeld" href="http://www.kreis-coesfeld.de" target="_blank"><img class="floatleft" src="/grafix/kreislogo.gif" width="150" height="50" alt="" border="0"></a>
css:
.floatleft { float: left; margin-bottom: 35px; padding-right: 15px }
Der nachfolgende Text, soll dann darunter stehen, tut er auch, nur wenn mann das browserfenster verkleinert, werden die Grafiken richtiger weise in die nächste Zeile gesetzt, der Text steht dann aber neben der letzten Grafik und nicht darunter in der nächsten Zeile.
Hat jemand eine Idee, wie ich das machen kann, ich habe es schon versucht mit clear: both, aber dann entsteht ein sehr große Abstand.
Hier der Link: http://www.drocoe.de/home

Danke und Gruß
Russell

Hi,

Auch so mal versucht?

Code: Alles auswählen

[Bilder]
<div style="clear: both;"></div>
[Text]

Ja, habe ich, aber dann beginnt der Text darunter (beginnt mit einem neuen Div)
mit einem riesigen abstand nach unten.

Gruß
Russell

Hi,

dann mal so etwas versucht?

Code: Alles auswählen

[Bilder]
<br style="clear: both;" />
[Text]

Danke für den Hinweis,

ich hatte das auch schon ausprobiert, habe es jetzt nochmal eingebaut damit Sie sich anschauen können was passiert. Der Abstand zum nächsten Text wird dann sehr groß.
http://www.drocoe.de/home

Gruß
Russell

Moin Moin,
ändere mal

Code: Alles auswählen

<br style="clear: both;" />
<!-- Ende Sponsering -->

in

Code: Alles auswählen

<br class="clear: both;" />
<!-- Ende Sponsering -->

Hi,

dieser grosse Abstand kommt aber siher nicht nur das DIV oder BR mit dem clear:both - da ist wohl ein ehler in der Struktur drin - nicht richtig geschlossene DIVs usw. Am besten Sie validieren die Seite mal und entfernen alle Fehler um dann dem Problem auf die Spur zu kommen.

Danke,

das werde ich mal machen, vielleicht klärt sich das dann.


Gruß
Russell