CSS Propleme mit der Ausrichtung der Div Elemente

Golla · 17. Juli 2008

Probleme mit der Ausrichtung von Div Elementen

Hallo zusammen,

Ich wollte nach ca. einem Monat der Untätigkeit die Arbeiten an einer Website für einen befreundenten Gastwirt wieder aufnehmen. Leider habe ich in der Zwischenzeit einiges vergessen.

Heute habe ich in der Navigation und im Header via ul-Tag einige Listenelemente aufgenommen wonach der Header nicht mehr an der gewünschten Stelle anzutreffen war.
Bis jetzt habe ich noch kein Atribut gefunden um diesen Fehler wieder gerade zu rücken.

Ich hab von der ganzen Geschichte mal Screenshots gemacht und hoffe es kann jemand helfen. Wenns noch Fragen zur Anordnung der Div-Elemente geben sollte, raus damit...

Und auch wenn ich für jede Hilfestellung Dankbar bin: "KEINE machs doch einfach mit Frames oder Tabellen antworten bitte!"

PW-toXic · 18. Juli 2008

hab mir das nicht genau angesehn aber probier 2 sachen:
hau vor dem ul ein <div style="float: clear"></div> rein (das clear brauchste aber wohl nicht)
und dann noch bei dem ul und li margin; padding = 0

Skuzzle · 18. Juli 2008

"float: clear" gibt es soweit ich weiss nicht. Du meinst wohl "clear: both".

du müsstest mal etwas von dem HTML Code posten, ich kann nämlich nicht hellsehen wie du das jetzt genau angestellt hast

Crizzo · 18. Juli 2008

Kümmere dich mal um http://www.thestyleworks.de/ref/float.shtml

Und dann gibts uns mal lauffähigen, testbaren Code, der dein Problem zeigt, sonst kann man dir kaum helfen.

Achso, wie genau soll es aussehen? Beschreibe das mal ein bisschen mehr, am besten mit Kommentaren auf den Screenshots.

Golla · 19. Juli 2008

In den Screenshots oben ist das Problem schon recht gut dargestellt denke ich. Nach dem einfügen der UL ist im Browser auf einmal ein Versatz aufgetaucht. (Rot markiert). Rechts ist der gewünschte Ausgangszustand zu sehen.

Ich hänge meine bisherige Arbeit mal als .rar Datei an. Ich hoffe es ist halbwegs übersichtlich.
Für Ratschläge zur Platzzierung der DIV Elemente bin ich im übrigen auch zu haben. Das ganze gefällt mir z.Z. irgendwie nicht so ganz.

PW-toXic · 19. Juli 2008

warum probierst du nicht einfach mal kurz aus, was im thread vorgeschlagen wird?

tipp: lies die erste antwort, und dort den 2. vorschlag.

das ist ein "semi-bug" von css (so nenn ich das ^^).
Der Browser stellt es zwar richtig dar, aber ich verstehe nicht, warum css möchte, dass der top-margin eines kinder block elements sich auf das eltern element übertragt.. komisch - is aber so.

statt margin padding verwenden, wenn man so etwas braucht. oder ein <div style="height:1px"></div> davor einbaun.

<body class="style">
und hier hau mmal fix dass class="style" raus, da es nur einen body gibt, und du diesen mit body { ... } in deiner style.css referenzieren kannst.
ansonsten kann ich spontan am css layout nix rummeckern

Golla · 20. Juli 2008

So, es funktioniert. Danke für alle Antworten, insbesondere an PW-toXic.

Suche

CSS Propleme mit der Ausrichtung der Div Elemente

Golla

Cadet 3rd Year

Anhänge

PW-toXic

Lieutenant

Skuzzle

Lt. Junior Grade

Crizzo

Redakteur Pro

Golla

Cadet 3rd Year

Anhänge

PW-toXic

Lieutenant

Golla

Cadet 3rd Year