Problem mit float left

Beitrag von **alex1234** » 15.12.2008, 22:00

Hallo

https://www.energie-foren.de/energieboerse.html

mein Ziel war es den Text links im grauen Bereich zu haben und diese Kursliste rechts....geht nur mit float left oder? Also haben beiden float left gegeben....nur wenn ich das so mache dann zieht es die Schrift von der Kursliste nach rechts....müsst ma nach rechts scrollen.

Woran liegt das?

Oder geht es irgendwie das sich das automatisch anpasst?

Danke schön

von **Anzeige von ABAKUS** »

Hochwertiger Linkaufbau bei ABAKUS:

Google-konformer Linkaufbau
nachhaltiges Ranking
Linkbuilding Angebote zu fairen Preisen
internationale Backlinks

Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Beitrag von **Mork vom Ork** » 15.12.2008, 22:09

alex1234 hat geschrieben:mein Ziel war es den Text links im grauen Bereich zu haben und diese Kursliste rechts....geht nur mit float left oder? Also haben beiden float left gegeben....

Nur bei dem Element, dass umflossen werden soll, muss float gesetzt werden. Alle nachfolgenden Zeilen laufen dann von ganz alleine am float-Element vorbei.

Ergo: Bei Kursliste float:left setzen und als erstes Element in div#inhalt2 platzieren. div#inhalt > p unbehandelt d.h. normal laufen lassen.

Beitrag von **alex1234** » 15.12.2008, 22:16

aber der text soll ja links stehen und die kursliste daneben, also muss ja der Absatz p float left bekommen oder?

von **Anzeige von ABAKUS** »

Beitrag von **Mork vom Ork** » 15.12.2008, 22:24

alex1234 hat geschrieben:aber der text soll ja links stehen und die kursliste daneben, also muss ja der Absatz p float left bekommen oder?

Nein. float:left bedeutet „Dieses Element links umfließen“, nicht „Dieses Element soll links fließen“.
Du möchtest links von der Kursliste Text haben, also muss die Kursliste float:left bekommen. Den Text (den Absatz) möchtest du nicht umfließen lassen, er soll ganz normal laufen - wozu auch gehört, dass die Zeilen bei float-Elementen entsprechend gekürzt werden, um Platz zu schaffen.

Probier's einfach aus.

Beitrag von **Cajuul** » 15.12.2008, 22:26

ich habs mir nicht wirklich angeschaut, aber 99% der css-probleme sind float-probleme, welche in 99% der fälle mit clear: both; gelöst werden.

also direkt nach den beiden floatenden elementen <div style="clear:both;"></div> reinpacken.

Beitrag von **alex1234** » 15.12.2008, 22:37

ok ich denk ich habs so gemacht wie ihr gesagt hab...aber die kurswerte stehen trotzdem links

Aber schon ma danke an euch!!!!!

Beitrag von **Cajuul** » 15.12.2008, 22:52

ah, sieht doch schon viel besser aus. also jetzt nur noch seiten tauschen? dann bei den kurswerten einfach float: right;

Beitrag von **huah** » 15.12.2008, 23:07

Der Text braucht kein float, nur das div mit den Kurswerten muss rechts floaten, wie Cajuul schon meinte:
https://www.css-technik.de/css-examples ... spiel.html

Beitrag von **Mork vom Ork** » 16.12.2008, 11:06

alex1234 hat geschrieben:
Mork vom Ork hat geschrieben:Ergo: Bei Kursliste float:left setzen
ok ich denk ich habs so gemacht wie ihr gesagt hab...aber die kurswerte stehen trotzdem links :(

Sorry, float:right muss es natürlich sein. Links ist da, wo der Daumen rechts ist :]

Das leere clear-div ist überflüssig, wo du clear brauchst, ist beim div#seitenfuss. Im Moment setzt du die Fußleiste nur mit dem height:500px von div#inhalt nach unten. Eine feste Höhe ist aber etwas unpraktisch, falls du mal längere Inhalte hast - insofern height bei div#inhalt ersatzlos raus und clear:both für div#seitenfuss. Der Seitenfuss liegt dann immer mindestens unter den Seitenelementen, und unter dem Inhalt ja sowieso.

An den Seitenrändern täte ich statt height:500px min-height:500px nutzen (wenn überhaupt), um auch da die Höhenbeschränkung aufzuheben.

Beitrag von **alex1234** » 16.12.2008, 20:32

ok habt tausend dank ...so müsste es jetz stimmen oder?

Beitrag von **Mork vom Ork** » 16.12.2008, 20:36

alex1234 hat geschrieben:ok habt tausend dank ...so müsste es jetz stimmen oder?

Hier tut's.