[gelöst]Bartik - Page Width bzw. Header Width
Eingetragen von ThuleNB (380)am 10.03.2014 - 12:17 Uhr in
Hallo zusammen,
die page width in Bartik ist ja 960px. Alle Inhaltselemente (Blöcke, Views, etc.) kommen in diesen 960px breiten Bereich. Nun versuche ich, in der Header-Region ein Hintergrund-Bild zu integrieren. Dabei fällt mir auf, dass der Header nicht (und auch nicht der Footer) auf diese 960px beschränkt sind. Beide Regionen gehen rechts und links über die 960px raus. Ein 960px-großes Bild wird dadurch horizontal verzerrt. Weiß jemand woran das liegt und wie ich das Problem beheben kann?
UPDATE: Ich habe mal noch ein Screenshot angehängt, um zu zeigen was ich meine.
Gruß
Thomas
| Anhang | Größe |
|---|---|
| Beispiel.png | 270.26 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
um ein Header-Hintergrundbild
am 11.03.2014 - 09:43 Uhr
um ein Header-Hintergrundbild einfügen zu können, benötigt man doch immer die Größe des Headers, oder? Wenn die Bildgröße mit der Headergröße nicht überein stimmt, wird es verzerrt.
Das Bild einfach per CSS
am 11.03.2014 - 12:39 Uhr
Das Bild einfach per CSS mittig oben setzen und nicht wiederholen. Beispiel:
.header { background: url(./image.png) no-repeat top center; }
Danke! Woher weiß ich aber
am 12.03.2014 - 08:47 Uhr
Danke!
Woher weiß ich aber welche Bildgröße ich verwenden muss, damit es nicht verzerrt wird? Wie oben beschrieben, mein Header (Standard Bartik Theme) geht über die 960px hinaus. Wenn ich es 960px breit mache und wie von dir vorgeschlagen mittig platziere, dann ist es links und rechts bündig mit der Page-Width. Link und rechts des Bildes hätte ich aber immer noch den blauen Header. Das sieht dann nicht schön aus.
Kann man den Header vielleicht irgendwie auf 960px anpassen?
einfach die Hintergrundfarbe
am 12.03.2014 - 13:12 Uhr
auf die Grundfarbe des Bildes, oder eine verwandte Farbe einstellen.
Bei Bartik ist das ja garkein Problem, da hier das color modul funktioniert.
Ansonsten kann man natürlich diese region auch per CSS stylen
Ahh ja, das macht natürlich
am 13.03.2014 - 09:18 Uhr
Ahh ja, das macht natürlich Sinn. Ich dachte es gilt entweder "Hintergrundbild" oder "Hintergrundfarbe". Damit sollte ich den Fall lösen können :) Danke!