hallo
kann mir jemand sagen wieso der text (typo3/bild mit text) beim ersten datensatz mit der navigation nach unten wächst (unterkante navigation)?
JAHRESBERICHTE
wer hat mir einen tip?
besten dank
andres

Div rechts und links floaten nicht.

Wenn Du beiden float:left gibst und den margin bei #right wegnimmst, sollte es hinkommen.

Besser kann ich es Dir im Moment nicht erklären - keine Zeit mehr - hat aber mit dem BFC zu tun:

Control Block Formatting Context

( Link bei fricca geklaut)

weil du Elemente innerhalb von div#rechts verwendest, die floaten und wieder gecleart werden.

Edit: Du solltest dann rechts und links noch Breiten verpassen, entweder px oder besser %. Achte bei % darauf, dass die rechnerische Breite inklusive borders etc. nicht 100% überschreitet.

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

ok, das hat funktioniert. den float auf links und rechts setzen musste ich bis dahin noch nie. einer genügte jeweils. warum wohl?
danke und gruss
andres

Wenn Dir mein Beitrag weitergeholfen hat, sehr gut.
Danke für die Rückmeldung.

Was die floats angeht, hm, ich nehme an, das liegt an den floats, die du in #rechts verwendest (anstelle #rechts selber zu floaten), siehe mein Link dazu.

Die img bräuchtest du nicht einmal floaten, da sie sich eh links ausrichten, gleiches gilt für die dl's.

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

hallo andir
ich begreifs nicht. floaten müsste doch links um rechts #links{float:left;}
oder rechts um links #rechts{float:right;}. das funktioniert aber nur wenn beide die float anweisung haben. das kanns doch nicht sein?
ich habe das mit leeren divs nachgebaut, aber die verhalten sich gleich.
test

Angehängte Dateien

test.zip (1,4 KB, 0x aufgerufen)

Das ist eine Frage der Abhängigkeiten.

Float-Anweisungen sind auch abhängig von der Reihenfolge im Quelltext des Dokuments und dessen Block Formatting Contexts. Zuerst die gefloateten Elemente und dann der Rest wobei die gefloateten Elemente einen eigenen BFC erzeugen. Frag mich nicht warum, es ist so.

Aber so ganz verstehe ich deine Frage nicht.
Ja, beide sollten die float-Anweisung bekommen, wenn Du innerhalb dieser Container wieder floats einsetzen willst. Denn nur dann sind die "untersten" floats in den BFC des umschließenden Floats eingebunden und "fallen" nicht heraus oder verhalten sich merkwürdig.

Ob du jetzt beide links oder rechts floatest, ist wurscht.

Wenn Du mehr darüber wissen willst und kein Einsteiger mehr bist, lies noch mal meinen Link oder gleich das anspruchsvolle, aber äußerst lesenswerte deutschsprachige Buch von Corina und Ingo, die beide im Forum aktiv sind bzw. waren:

Fortgeschrittene CSS-Techniken Inkl. CSS-Debugging: Fortgeschrittene CSS-Techniken, komplexe CSS-Layouts, verschachtelte Navigationslisten, Mehrspaltenlayouts, Debugging u.v.m: Ingo Chao, Corina Rudel: Amazon.de: Bücher

( Hält sich gut in den Sparten bei Amazon!)

Ansonsten empfehle ich Dir eher die Lektüre von Peter Müllers "Little Boxes 1 und 2", der auf gute Weise Grundlagenwissen vermittelt.

Startseite Little Boxes (Webseiten gestalten mit CSS)

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte