Autor |
Nachricht |
Popkultur
Threadersteller
Dabei seit: 08.05.2006
Ort: bei Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 25.01.2008 14:06
Titel CSS-Frage: zentrierte Spalte, 100% Höhe |
|
|
Hi,
Ich dachte ich falle vom Stuhl als ich gemerkt hab wie simpel meine Frage ist, aber gut: Ich will ein Layout, eine Spalte fester Breite zentriert, welche über die ganze Browserhöhe läuft (Kunde lieferte ein von Printlern erstelltes Layout *brr*). Soweit so gut.
1. Ansatz: Div mit Height: 100%, sowie body+html ebenso. Geht nicht, weil mindestens ein Browser (Opera) dann bei längeren Seiten beim Runterscrollen alles richtig macht und es dann nicht wie gewollt aussieht.
2. Ansatz: Pseudocolumn-Hintergrundbild im Body mit center top repeat-y. Problem: Wenn das Browserfenster sehr schmal wird, bleibt das Hintergrundbild zentriert und nicht am linken Browserrand kleben, während das zentrierte DIV wie gewünscht links klebenbleibt und man nach rechts scrollen kann. Dann ist aber das Hintergrundbild da nicht mehr sichtbar.
Welche Möglichkeit gibts noch? Meines wissens keine. Man kann ja dem Hintergrundbild nicht sagen, bleibe am linken Rand kleben. Selbst mir als Profi fällt da nix besseres ein, oder bin ich heute zu blöd?
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 25.01.2008 14:13
Titel Re: CSS-Frage: zentrierte Spalte, 100% Höhe |
|
|
Kreativist hat geschrieben: | Ich will ein Layout, eine Spalte fester Breite zentriert, welche über die ganze Browserhöhe läuft |
Kein Thema.
Kreativist hat geschrieben: | 1. Ansatz: Div mit Height: 100%, sowie body+html ebenso. Geht nicht, weil mindestens ein Browser (Opera) dann bei längeren Seiten beim Runterscrollen alles richtig macht und es dann nicht wie gewollt aussieht. |
Ok, was ist richtig was ist falsch? eine Spalte die über die gesamte Höhe geht, das sagt in dem Fall nicht genug.
Soll das Teil immer nur die Höhe des Viewports haben oder soll die Höhe variabel sein?
Kreativist hat geschrieben: | 2. Ansatz: Pseudocolumn-Hintergrundbild im Body mit center top repeat-y. Problem: Wenn das Browserfenster sehr schmal wird, bleibt das Hintergrundbild zentriert und nicht am linken Browserrand kleben, während das zentrierte DIV wie gewünscht links klebenbleibt und man nach rechts scrollen kann. Dann ist aber das Hintergrundbild da nicht mehr sichtbar. |
Hier versteh ich noch weniger?
Kreativist hat geschrieben: | Welche Möglichkeit gibts noch? Meines wissens keine. Man kann ja dem Hintergrundbild nicht sagen, bleibe am linken Rand kleben. Selbst mir als Profi fällt da nix besseres ein, oder bin ich heute zu blöd? |
Mh.
|
|
|
|
|
Anzeige
|
|
|
Popkultur
Threadersteller
Dabei seit: 08.05.2006
Ort: bei Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 25.01.2008 14:45
Titel
|
|
|
bei wenig content: min 100% Höhe Viewport. Bei mehr content: Höhe des Contents. Ganz klassisches Problem.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 25.01.2008 15:36
Titel
|
|
|
Kreativist hat geschrieben: | bei wenig content: min 100% Höhe Viewport. Bei mehr content: Höhe des Contents. Ganz klassisches Problem. |
Genau, klassisches Problem, die Lösung habe ich schon tausend mal gegeben.
|
|
|
|
|
Popkultur
Threadersteller
Dabei seit: 08.05.2006
Ort: bei Stuttgart
Alter: -
Geschlecht:
|
Verfasst Fr 25.01.2008 16:00
Titel
|
|
|
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Sa 26.01.2008 09:20
Titel
|
|
|
Tipp.. min-height:100%
|
|
|
|
|
|
|
|
Ähnliche Themen |
[Frage] Div und Höhe
zentrierte seite mit farbigem hintergrund
[CSS] zentrierte hor. Positionierung in Zelle...GROMPF!
Zentrierte Box mit negativ positioniertem Bild
Zentrierte Tabelle verspringt durch Scrollbalken
Vertikale zentrierte Ausrichtung einer Webseite
|
|