XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Float und Clear (http://xhtmlforum.de/showthread.php?t=55928)

Earl of Green 22.02.2009 12:13

Float und Clear
 
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 22.02.2009 13: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 22.02.2009 17:51

Erstmal Dankeschön.

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

threadi 22.02.2009 19: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; }


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:33 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023