© Bakual

Formatierungsfehler im content

Mehr
10 Jahre 10 Monate her - 10 Jahre 10 Monate her #588 von Sven Ziesche
Ich habe seit Version 2.0 einen Formatierungsfehler im Content (Bild mit Text)
War meiner Meinung in Version 1 noch nicht.




was kann man da tun?

Sven
Anhänge:
Letzte Änderung: 10 Jahre 10 Monate her von Sven Ziesche.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
10 Jahre 10 Monate her #589 von Thomas Hunziker
Ist dein Bild links ausgerichtet mittels "float:left"? Dann wärs genau genommen kein Bug sondern korrekte Darstellung.
Du kannst es flicken indem du das Float am Ende wieder clearst.
Siehe zum Beispiel: little-boxes.de/lb1/13.3-floats-beenden-mit-clear.html

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
10 Jahre 10 Monate her #590 von Sven Ziesche
ja das Bild ist float left. Soll's ja auch. Ich will ja den Text rechts neben dem Bild. Das Problem ist, dass der Rahmen nicht weit genug nach unten geht.
In Version 1.x sah das so aus:



Wenn ich clear both mache, wie im Artikel beschrieben, dann rutscht der Text unter das Bild.

Sven
Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
10 Jahre 10 Monate her - 10 Jahre 10 Monate her #591 von Thomas Hunziker
Du musst das clear:both nicht auf den Text anwenden sondern ein neues Element danach einfügen. Also in etwa so:
Code:
<img style="float:left" src="images/bild.jpg"> <p>Dein Text neben dem links gefloateten Bild</p> <p style="clear:both"></p>

In der 1er Version vom Allrounder hatte es an sehr vielen Stellen diese leeren clear Blöcke, was etwas unsinnig war und technisch falsch. Man sollte die eigentlich dann nutzen wenn man explizit ein float clearen will, nicht einfach auf Vorrat :)
Letzte Änderung: 10 Jahre 10 Monate her von Thomas Hunziker.
Folgende Benutzer bedankten sich: Sven Ziesche

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
10 Jahre 10 Monate her #592 von Sven Ziesche
OK, so geht's
Danke
Sven

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.190 Sekunden