Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Problem mit float left

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
alex1234
PostRank 5
PostRank 5
Beiträge: 309
Registriert: 21.12.2007, 09:49

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

Anzeige von ABAKUS

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

Mork vom Ork
PostRank 9
PostRank 9
Beiträge: 2557
Registriert: 08.07.2008, 11:07
Wohnort: Aufm Friedhof.

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.

alex1234
PostRank 5
PostRank 5
Beiträge: 309
Registriert: 21.12.2007, 09:49

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?

Anzeige von ABAKUS

von Anzeige von ABAKUS »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Mork vom Ork
PostRank 9
PostRank 9
Beiträge: 2557
Registriert: 08.07.2008, 11:07
Wohnort: Aufm Friedhof.

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.

Cajuul
PostRank 3
PostRank 3
Beiträge: 92
Registriert: 21.11.2008, 04:41

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.

alex1234
PostRank 5
PostRank 5
Beiträge: 309
Registriert: 21.12.2007, 09:49

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!!!!!

Cajuul
PostRank 3
PostRank 3
Beiträge: 92
Registriert: 21.11.2008, 04:41

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;

huah
PostRank 6
PostRank 6
Beiträge: 429
Registriert: 19.04.2007, 21:56

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

Mork vom Ork
PostRank 9
PostRank 9
Beiträge: 2557
Registriert: 08.07.2008, 11:07
Wohnort: Aufm Friedhof.

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.

alex1234
PostRank 5
PostRank 5
Beiträge: 309
Registriert: 21.12.2007, 09:49

Beitrag von alex1234 » 16.12.2008, 20:32

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

Mork vom Ork
PostRank 9
PostRank 9
Beiträge: 2557
Registriert: 08.07.2008, 11:07
Wohnort: Aufm Friedhof.

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.

Antworten
  • Vergleichbare Themen
    Antworten
    Zugriffe
    Letzter Beitrag