[gelöst] Zen-Theme: Wrapper Hintergrundgrafik an Browserfenster anpassen
Eingetragen von da5e (13)am 02.04.2012 - 23:49 Uhr in
Als Drupalneuling habe ich nun meine erste Frage. Ich konstruiere mir gerade meine ZEN-Subtheme und habe ein Hintergrundbild im Page-Wrapper eingefügt (y-repeat). Zwei Vertikale Balken (jeweils 4px breit, 4px abstand zueinander) sollen neben dem Logo, der Navigation, und der linken Sidebar von ganz oben nach ganz unten verlaufen. Das Logo, die Navigation und die Sidebar habe ich mit einem Marginwert so angepasst dass links, neben den Elementen, Platz für die Balken entsteht. Mein Problem ist nun, dass die Balken, bei wenig content, nicht bis an das untere Browserfenster reichen. Sie sind dann abrupt abgeschnitten und passen sich nicht dem Browserfenster an. Sprich das page-wrapper-div richtet sich in der Höhe nach dem Content und nicht nach dem Browserfenster. Hat jemand eine Idee wie ich das Problem lösen kann?
- Anmelden oder Registrieren um Kommentare zu schreiben
hallo was möchtest du jetzt
am 03.04.2012 - 10:02 Uhr
hallo
was möchtest du jetzt genau?
einen 'balken' oder eine hintergrundgrafik die sich der größe
des browserfensters anpasst?
Zen-Theme: Wrapper Hintergrundgrafik an Browserfenster anpassen
Mein Problem ist nun, dass die Balken, bei wenig content, nicht bis an das untere Browserfenster reichen. Sie sind dann abrupt abgeschnitten und passen sich nicht dem Browserfenster an.
der 'balken' befindet sich vermutlich ein dem 'main' container und hat innerhalb von diesem ein
height:100%
der main container passt sich vermutlich der höhe des contents an.
gibst du den main container (also dem 'obersten' container) ein height:100%
sollte dieser sich zu 100% an die browser höhe anpassen
wenn du eine hintergrundgrafik hast die immer zu 100% des browserfensters angeziegt werden soll
dann legst du den als die hinterggrundgrafik von dem main container an.
ich hoffe ich hab dich soweit richtig verstanden ...
grüße
stef
Ich glaube du hast mein
am 03.04.2012 - 11:47 Uhr
Ich glaube du hast mein Problem verstanden.
Der Balken ensteht durch ein y-repeat (20px breit, 1px hoch) und passt sich somit dem page-wrapper an.
gibst du den main container (also dem 'obersten' container) ein height:100%
sollte dieser sich zu 100% an die browser höhe anpassen
das tut er leider nicht. Wenn ich ihm eine feste Höhe zuweise reagiert er. Sobald ich ihm ein height:100% oder min-height:100% zuweise ignoriert er dies. Dem body hab ich auch ein height:100% Prozent zugewiesen.
Hier am Rande nochmal eine klein Skizze:
Problem gelöst! dem html-Tag
am 03.04.2012 - 11:58 Uhr
Problem gelöst!
dem html-Tag musste ich ich auch ein height:100% zuweisen