frage zu float

Kay654 · 11.01.2010, 20:49

Hi!

HTML-Code:

<h1 style="width:400px; float:left; color:red">&Uuml;berschrift mal anders</h1>

<p style="font-size:120%">Eine &Uuml;berschrift
muss nicht immer einen langweiligen, &uuml;ber die ganze
Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal
seitlich vom Text stehen, und der Text flie&szlig;t um die
&Uuml;berschrift. Auch so kann man lange Texte mal anders gestalten als
sonst &uuml;blich.</p>

Also der text umfliest ja die Überschriet. Und wenn der text lang genug ist beginnen die Zeilen dann irgendwann wieder unter der Überschrieft. Gibt es da eine möglichkeit das der Text dauerhaft rechts ist?

Danke!

draco88 · 11.01.2010, 20:57

Versuch mal

HTML-Code:

<h1 style="width:400px; float:left; color:red">&Uuml;berschrift mal anders</h1>

<p style="font-size:120%;float:right">Eine &Uuml;berschrift
muss nicht immer einen langweiligen, &uuml;ber die ganze
Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal
seitlich vom Text stehen, und der Text flie&szlig;t um die
&Uuml;berschrift. Auch so kann man lange Texte mal anders gestalten als
sonst &uuml;blich.</p>

Kay654 · 11.01.2010, 21:22

thx aber geht leider nicht (überall)

Im firefox (3.0.16) & Opera (10.10) steht die überschrieft oben und der text drunter
Im ie6 gehts

Manko10 · 11.01.2010, 21:27

Ich glaube, du hast das Prinzip der floats noch nicht verstanden.
Es umfließt nämlich nicht die Box das floatenden Element, sondern nur die Innerbox, also der Text. Die Box selbst geht hinter der floatenden Box weiter und somit fängt der Text nach der Box auch ganz normal links wieder an. Um das zu verhindern, musst du der Box mit dem Text einen entsprechenden linken margin geben.

Kay654 · 11.01.2010, 21:38

ahh danke! Du hast das sicher so gemeine:

HTML-Code:

<p style="width:180px; float:left; color:red; ">&Uuml;berschrift mal anders</p>

<p style="font-size:120%; margin-left:180px;">Eine &Uuml;berschrift
muss nicht immer einen langweiligen, &uuml;ber die ganze
Breite des Anzeigefensters gehenden Block erzeugen. Sie kann auch mal
seitlich vom Text stehen, und der Text flie&szlig;t um die
&Uuml;berschrift. Auch so kann man lange Texte mal anders gestalten als
sonst &uuml;blich.</p>

Manko10 · 11.01.2010, 21:40

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bereich um einen float left und float right Bereich	andrew22	HTML, Usability und Barrierefreiheit	8	27.02.2007 18:27
Float bei zwei DIVs		HTML, Usability und Barrierefreiheit	14	29.01.2006 10:54
[PDO] Frage zur Portabilität	freq.9	PHP-Fortgeschrittene	2	29.07.2005 13:28
[Erledigt] frage		PHP Tipps 2005-2	9	15.06.2005 13:22
.htaccess - Frage	Stümper	PHP Tipps 2005	11	30.05.2005 11:56
Performence Frage		PHP-Fortgeschrittene	10	06.05.2005 19:00
Frage zu einem Editformular		PHP Tipps 2005	3	25.04.2005 14:58
Frage: gibt es bei PHP sowas wie target="_blank"		PHP Tipps 2005	6	20.04.2005 06:27
mal ne Frage		PHP Tipps 2005	7	14.04.2005 09:46
CSS: 2 Spalten á 50% ohne float		HTML, Usability und Barrierefreiheit	2	31.03.2005 14:37
Technische Frage zur Realisation einer Online-Umfrage	Stefano	PHP Tipps 2005	5	16.03.2005 17:39
Frage zu einer Liste?		HTML, Usability und Barrierefreiheit	2	15.02.2005 16:56
Hallo und Frage zu dynamischer Veränderung in Textfeldern.		PHP Tipps 2004-2	2	27.12.2004 22:29
[Erledigt] Frage zur Funkrionen?		PHP Tipps 2004-2	10	01.12.2004 09:42


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.01.2010, 21:22
Kay654 Benutzer Registriert seit: 20.01.2009 Beiträge: 72	thx aber geht leider nicht (überall) Im firefox (3.0.16) & Opera (10.10) steht die überschrieft oben und der text drunter Im ie6 gehts

11.01.2010, 21:27
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Ich glaube, du hast das Prinzip der floats noch nicht verstanden. Es umfließt nämlich nicht die Box das floatenden Element, sondern nur die Innerbox, also der Text. Die Box selbst geht hinter der floatenden Box weiter und somit fängt der Text nach der Box auch ganz normal links wieder an. Um das zu verhindern, musst du der Box mit dem Text einen entsprechenden linken margin geben. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

11.01.2010, 21:40
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Jap. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”