|
||||
geteilter Hintergrund
Hallo!
Ich kämpfe gerade wieder mal mit einem Problem, für das ich auch keine Bezeichnung finde, nach der man mal suchen könnte... Aussehen soll es ungefähr so: Die Seite soll einen festen header & footer besitzen, der jeweils am Fensterrand "klebt" und eine feste Höhe hat. Demzufolge soll der contentbereich unter header und footer sich der Fenstergröße anpassen. Soweit klappt es auch ganz passabel, da die Seite jetzt so aufgebaut ist (Amira Almaas) Aber dieses Design soll erweitert werden - die Seite soll sozusagen senkrecht genau mittig geteilt werden. Der linke Teil soll incl. header, footer, content, background ein komplett anderes Design erhalten. Also andere header- & footergrafiken, andere hintergrundfarbe im content, andere Schriftart- und Farbe für Text und Links usw. Aber das grundlegende Design soll erhalten bleiben - sprich die kreisförmig angeordneten Links und Texte (Platzhalter) Mein Ansatz war bisher folgender: 2-spaltiges Layout mit jeweils eigener Gestaltung per CSS. Allerdings gelingt es mir nicht, den "Navigationskreis" über beide Spalten zu plazieren. Das eigentliche Problem dabei ist die Überschrift, die ja ebenfalls 2-geteilt sein müßte, das Bild, sowie der oberste und der unterste Link, für die das gleiche zutrifft... Ein weiteres Problem stellen für mich momentan noch die geteilten header und footer dar, da diese ja ebenfalls 2-spaltig sein müssten. Vielleicht ha ja jemand einen Denkanstoß oder ein Beispiel für mich, an dem ich mich orientieren kann??
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus |
Sponsored Links |
|
|||
Dein Ansatz wäre mir zu aufwändig, gestalterisch einengend und zu fehleranfällig.
Als Alternative schwebt mir dieser Ansatz vor (ungetestet): - als Grundlayout Footer Stick Alt; - in den Kopf- und Fussbereich jeweils eine überbreite, zweifarbige Grafik, die zentriert ausgerichtet wird; - per Faux Columns die Zweispaltigkeit des Inhaltsbereiches imitieren; - die Überschrift und die kreisförmig angeordneten Links ganz normal zentrieren bzw. links | rechts versetzt anordnen. |
Sponsored Links |
Stichwörter |
2-spaltiges layout, css |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Frage: Wie Text vor Hintergrund in einem Fenster scrollen? | wbiebel | CSS | 2 | 19.08.2009 19:49 |
Hintergrund | Yada` | CSS | 10 | 21.09.2008 18:03 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Hintergrund | SPMan | CSS | 0 | 16.05.2007 09:58 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 15:14 |