ABAKUS

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

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.

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

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.

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.

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


Aber schon ma danke an euch!!!!!

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

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

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.

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

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

Hier tut's.