zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Einzelne Zeile im Umbruch bei float vermeiden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.10.2006, 17:00
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard Einzelne Zeile im Umbruch bei float vermeiden

Hallo! Ich lasse ein Bild (linksbündig) von Text umfließen (rechts und unter dem Bild):

PHP-Code:
<img src="..." style="float:left; margin-right:10px; margin-bottom:10px;">
<
div>
<
p>Ein Satz.</p> [1. Absatz]
<
p>Noch ein Satz.</p> [2. Absatz]
<
p>Und noch ein Satz.</p> [3. Absatz]
<
p>Und noch ein langer Satzdenn ich möchte ja zeigenwas passiert.</p>  [4. Absatz]
<
p>Dies ist definitiv schon unter dem Bild.</p> [5. Absatz]
</
div
Das Problem ist: Es kommt ab und zu vor, dass z.B. "Und noch ein langer Satz, denn ich möchte" noch rechts neben dem Bild ist, während "ja zeigen, was passiert." schon unter dem Bild ist, was dann etwas verloren aussieht.

Wie kann ich es anstellen, dass ein Absatz nicht getrennt wird? Also im Beispiel soll einfach der 4. Absatz komplett rechts neben dem Bild stehen bleiben und erst der Absatz 5 unter dem Bild erscheinen. Natürlich weiß ich nicht, bei welchem Absatz das Bild eigentlich zu Ende ist, sonst wärs ja einfach

Ein "normaler" Zeilenumbruch soll natürlich geschehen, spricht "white-space:nowrap" ist nicht geeignet.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.10.2006, 17:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

sobald Du clearst hört das floaten auf. Gib dem gewünschten p ein clear und gut.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.10.2006, 17:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard

Danke für Deine Antwort! Mein Problem ist aber, dass ich ja - wie gesagt - gar nicht weiß, bei WELCHEM <p> das Bild aufhört: Sowohl der Text als auch das Bild können vom User verändert werden, also kenne ich weder die Höhe des Bildes noch bei welchem <p> der Text unter das Bild rutscht.
Mit Zitat antworten
  #4 (permalink)  
Alt 19.10.2006, 17:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Webseiten sind keine Gemälde.

Wenn Du nicht pixelgenau positionierst (was wenig Benutzerfreundlich wäre) und die Buchstaben vor der Ausgabe z.B. mit PHP zählst, um genau an der gewünschten Stelle einen Umbruch zu erzeugen (was ziemlicher irrsinn wäre, aber theoretisch möglich) musst Du wohl damit leben, dass die Darstellung beim Betrachter der Seite aufgrund der Schriftgröße, Viewportgröße und Auflösung unterschiedlich sein kann.
Mit Zitat antworten
  #5 (permalink)  
Alt 19.10.2006, 17:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard

Sie soll ja eben KEIN Gemälde sein, deshalb der flexible Textfluß

Danke für die Info, dann muß ich wohl damit leben. Ich dachte es gäbe evtl. mit CSS weitere Gestaltungsmöglichkeiten, den Textfluß hier weiter zu regulieren.

Geändert von wuschba (19.10.2006 um 17:30 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 19.10.2006, 17:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

naja, wenn Du nicht weisst wann genau die Stelle zum Umbruch erreicht ist, wird es schwierig - CSS kann da nicht "mitdenken".
Mit serverseitigen Skripten könntest Du -egal wieviele Absätze bestehen- dem letzten (oder dem letzten bei Anzahl>4, oder ...) ein clear verpassen.
Mit Zitat antworten
  #7 (permalink)  
Alt 19.10.2006, 17:36
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.06.2006
Beiträge: 65
wuschba befindet sich auf einem aufstrebenden Ast
Standard

Ich befürchte, auch dafür kann der Text zu unterschiedlich sein: Da der Benutzer den Text über ein Formular vorgibt, kann z.B. auch schon der zweite Abstatz das "Problemkind" sein.

Evtl. kommt ja in einer der nächsten CSS-Version sowas wie "Schusterjungen" und "Hurenkind"-Regelungen. Obwohl, bis die wieder implementiert sind...

Aber danke dennoch für Deine Hilfe, dann brauche nicht nicht mehr weiter suchen.
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
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Sitecheck für Urlaubsunterkunft in Kroatien Miso Site- und Layoutcheck 11 19.10.2008 21:53
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) NEOX Offtopic 10 17.07.2008 18:11
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:58 Uhr.