Dreispalten CSS-Layout

Beitrag von **abrek** » 28.08.2006, 13:14

Hallo an alle,

ich brauche Hilfe von CSS-Profis.

Zwar habe ich 3-Spaltigen CSS-Layout mit Header und Footer (Classic), aber Content kommt zurzeit als vorletztes:
Header -> Linke Spalte -> Rechte Spalte -> Content -> Footer .

Ich möchte aber, das so haben:
Header -> Content -> Rechte Spalte -> Linke Spalte -> Footer .

Wie kann ich es mit CSS in Griff bekommen?

Vielen Dank im Voraus.

von **Anzeige von ABAKUS** »

Beitrag von **Thomas B** » 28.08.2006, 13:17

Hallo Abrek,
dann mußt Du mit "Position Absolut" arbeiten.

Beitrag von **abrek** » 28.08.2006, 13:21

Thomas B hat geschrieben:Hallo Abrek,
dann mußt Du mit "Position Absolut" arbeiten.

Hallo Thomas B,

mit "Position Absolut" bin einverstanden

, aber die Spalten haben immer verschiedene höhe...

von **Anzeige von ABAKUS** »

Beitrag von **MonikaTS** » 28.08.2006, 13:23

https://blog.html.it/layoutgala/

da gibts Hilfe

Musterlayouts und auch das was Du magst ist dabei

lg

Beitrag von **Thomas B** » 28.08.2006, 13:43

Sont mußt Du mit Hintegrundgrafiken arbeiten. X Werte (Breite) vorgeben und Y Wert wiederholen lassen.

Beitrag von **abrek** » 28.08.2006, 14:17

einfach hat geschrieben:https://blog.html.it/layoutgala/
lg

Danke für Tipp, einfach!

@Thomas B
Danke, aber das mit Hintegrundgrafiken kommt nicht in Frage. Trotzdem vielen Dank!

Beitrag von **Lima** » 28.08.2006, 17:08

Schau dir doch mal YAML an.

Beitrag von **maden** » 28.08.2006, 17:48

evtl. versteh ichs jetzt falsch...aber drei spalten nebeneinander sollten eigentlich mit float:right zu lösen sein...nicht schlagen wenn ichs falsch versteh

Beitrag von **Nullpointer** » 28.08.2006, 18:08

oder float left. aber die höhe spielt ja sicher auch ne rolle.

Beitrag von **Thomas B** » 28.08.2006, 19:20

Du kannst ja transparente Grafiken nehmen.

Beitrag von **phereia** » 28.08.2006, 22:07

abrek hat geschrieben:Zwar habe ich 3-Spaltigen CSS-Layout mit Header und Footer (Classic), aber Content kommt zurzeit als vorletztes:
Header -> Linke Spalte -> Rechte Spalte -> Content -> Footer .

Ich möchte aber, das so haben:
Header -> Content -> Rechte Spalte -> Linke Spalte -> Footer .

Wie kann ich es mit CSS in Griff bekommen?

Schau mal, ob Du bei https://css-discuss.incutio.com/?page=T ... umnLayouts fündig wirst (ich habe mir jetzt die Quelltexte nicht extra angesehen, gehe aber davon aus, daß dort etwas Passendes zu finden ist).

//edit:
https://www.pmob.co.uk/temp/3colfixedte ... cenone.htm könnte Dir möglicherweise gefallen.

Beitrag von **MonikaTS** » 28.08.2006, 23:50

maden
Nullpointer

geht was ihr vorgeschlagen habt, aber nicht so einfach, wenn man den Content vor der linken und rechten Sidebar im Quelltext haben mag,

@alle Spalten gleich lang,
da muss man auch heute noch CSS hacken bis zum Umfallen, braucht js und jede Menge anderes Zeuchs,

Gratis mach ich sowas auch nicht, aber eine tolle Anleitung dafür findest Du

https://www.positioniseverything.net/ar ... ruelayout/

andererseits gebe ich zu bedenken, dass dies ein Layout sehr instabil macht, ich mache dies sehr ungern

lg

Beitrag von **Kralle** » 29.08.2006, 01:45

Daß alle Spalten gleich lang sind geht m. W. nach nur mit nicht-validem Code und damit riskierst du immer, daß es von einer neueren Browserversion/einem anderen Browser nicht korrekt angezeigt wird (ja, ich weiß, auch valider Code wird nicht immer richtig angezeigt, aber man sollte das Pferd nicht von Hinten aufzäumen).
Versuche am Besten ein Layout zu entwicklen, das auch mit unterschiedlich hohen Spaltengrößen gut aussieht. Damit bist du längerfristig auf der sichereren Seite. Ja, ich weiß, man schmeißt ungern eine Design-Idee über Bord, aber manchmal kommt am Ende etwas noch Besseres bei raus.

Beitrag von **Nullpointer** » 29.08.2006, 06:50

ich bin zwar auch ein absoluter anti-tabellen mensch.
aber eben genau aus diesem grund benutze ich in der regel immer eine tabelle.

eine einache tabelle mit einer zeile und zwei oder drei spalten ist viel eleganter, als zwanghat divs zu verwenden, die dann mit x hacks dazu bewegt werden sollen, die gleiche höhe zu bekommen.

irgendwelche transparenten oder hintergrundfarbigen grafiken einzusetzen, um das layout zu basteln, finde ich noch viel schlimmer.

Beitrag von **abrek** » 29.08.2006, 08:32

@maden

maden hat geschrieben:...nicht schlagen wenn ichs falsch versteh

Es wird hier keiner geschlagen.

Wie schon einfach geschrieben hat: Es ist nicht so einfach die drei Spalten in einer bestimmte Reinfolge zu kriegen. Da mein Projekt in HTML umgesetzt ist (keine CMS), will ich ja nicht die hunderte Seiten umbasteln. Das muss ausschließlich mit CSS gehen.

@Thomas B
Danke Dir, aber das mit transparenten Grafiken kommt nicht in Frage. Nur CSS

@phereia
Danke, Dein letztes Tipp war hilfreich.

@Rudi Ratlos

Leider arbeitet dieser CSS-Profi nicht umsonst..

Eben. Es ist für kostenloses Projekt von mir. Bezahlung kommt nicht in Frage. Danke trotzdem!

@einfach

dass dies ein Layout sehr instabil macht

Das habe ich schon bemerkt. Genau deswegen habe ich hier im Forum gefragt ob jemand so was schon im Griff hat. Danke für wirklich tolle Anleitung!

@Kralle
Ich glaube, dass hier nichts mit Validität des Codes zu tun ist, sondern mehr mit interne Verarbeitung des Codes in verschiedenen Browser-Versionen. Hier braucht man reine CSS-Tricks.

@alle
Ich bin mit Eure Hilfsbereitschaft wirklich überrascht, vielen dank an alle und weiterhin viel Erfolg!