Float und Clear

Earl of Green · #1 (**permalink**) 22.02.2009, 11:13

Hallo,

ich arbeite noch nicht sehr lange mit CSS und habe das meiste druch "learning by doing" und/oder Foren gelernt. Habe gerade ein Float Problem und kann weder bei css4you noch hier ein solch "einfaches" Problem finden. Wer kann/mag mir helfen?

Ich möchte in einem div ein passfoto oben rechts einbinden, welches von Text umflossen wird

Code:

CSS:
.passfoto   { margin:5px; position:absolute; top:0px; right:0 }

PHP-Code:


			
PHP:

<div id='body'>

        <img src='_images/passfoto.jpg' style=float:right;border:1px dashed #000000 class='passfoto'>

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 

<br style='clear:right;'>

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

Aber je nach Stellung von den Hochkomma und oder ein paar Spielereien mit CSS oder in PHP lässt er im FF und im IE entweder eine komplette Spalte frei die also nicht mit clear beendet wird oder er startet das Float erst gar nicht?

Was ist bitte falsch???

mantiz · #2 (**permalink**) 22.02.2009, 12:33

Erstmal solltest Du die Attribute am Besten alle in "..." einschließen und diese nicht mal weglassen und mal in '...' einschließen, weiß zwar nicht, ob es da Probleme mit geben kann, aber so wird es in der Regel gemacht.

Zu Deinem Problem:
Du gibst dem Bild zwar per Inline-Style ein "float:right", nimmst das Bild aber per CSS mit "position:absolute" aus dem Dokumentenfluss heraus, das kann nicht funktionieren.

Ich denke, es sollte funktionieren, wenn Du das "position:absolute" entfernst und die Attribute vernünftig in "..." einschließt.

Falls nicht, meld' Dich nochmal.

Earl of Green · #3 (**permalink**) 22.02.2009, 16:51

Erstmal Dankeschön.

Funktioniert leider nicht. In " kann ich es auch nicht setzen, weil das PHP nicht akzeptiert. ???

threadi · #4 (**permalink**) 22.02.2009, 18:48

Oder den HTML-Code nicht über PHP ausgeben.

Code:

?>
<div id="body">
<img src="_images/passfoto.jpg" class="passfoto" alt="" />
...
<?php

Außerdem den CSS-Code auslagern:

Code:

.passfoto { float:right;border:1px dashed #000000; }

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Layoutcheck + Including	crimi	Site- und Layoutcheck	8	27.09.2008 21:08
Spaltenlayout	Bilbo	CSS	40	14.04.2008 15:45
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22
IE zeigt gewisse Texte nicht an	zitronenbaum	CSS	2	16.01.2008 15:25
So langsam bekomme ich die Krise mit den DIVs	Thuroc	CSS	12	12.11.2007 14:25