Seite 1 von 1

Problem mit float left

Verfasst: 15.12.2008, 22:00
von alex1234
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

Verfasst:
von

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

Re: Problem mit float left

Verfasst: 15.12.2008, 22:09
von Mork vom Ork
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.

Verfasst: 15.12.2008, 22:16
von alex1234
aber der text soll ja links stehen und die kursliste daneben, also muss ja der Absatz p float left bekommen oder?

Verfasst:
von

Verfasst: 15.12.2008, 22:24
von Mork vom Ork
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.

Verfasst: 15.12.2008, 22:26
von Cajuul
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.

Verfasst: 15.12.2008, 22:37
von alex1234
ok ich denk ich habs so gemacht wie ihr gesagt hab...aber die kurswerte stehen trotzdem links :(


Aber schon ma danke an euch!!!!!

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

Verfasst: 15.12.2008, 23:07
von huah
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

Verfasst: 16.12.2008, 11:06
von Mork vom Ork
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.

Verfasst: 16.12.2008, 20:32
von alex1234
ok habt tausend dank ...so müsste es jetz stimmen oder?

Verfasst: 16.12.2008, 20:36
von Mork vom Ork
alex1234 hat geschrieben:ok habt tausend dank ...so müsste es jetz stimmen oder?
Hier tut's.