zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Float und Clear

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.02.2009, 12:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2009
Beiträge: 11
Earl of Green befindet sich auf einem aufstrebenden Ast
Standard 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???
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.02.2009, 13:33
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.845
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.02.2009, 17:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.02.2009
Beiträge: 11
Earl of Green befindet sich auf einem aufstrebenden Ast
Standard

Erstmal Dankeschön.

Funktioniert leider nicht. In " kann ich es auch nicht setzen, weil das PHP nicht akzeptiert. ???
Mit Zitat antworten
  #4 (permalink)  
Alt 22.02.2009, 19:48
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 888
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

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; }
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:43 Uhr.