Logo-Bild an Seite abschneiden

[Nightloewe]

Hallo,
und zwar habe ich folgendes Problem:
ich habe meine Seite so gesetzt, dass sie bei jeden Bildschirm immer mittig sitzt, jetzt möchte aber, dass auch mein Logo sich so in der Art an den Seiten abschneidet und somit die Schrift immer mittig sitzt, jedoch weiß ich nicht, wie ich das realisieren könnte.

Website zum nachschauen: https://www.weltvonminecraft.de/

MFG,
Nightloewe

 

[threadi]

Die Logografik ist ja gigantisch:
https://www.weltvonminecraft.de/sites/all/themes/wvm-3/logo.png

Auf meinem 24-Zoll-Monitor passt die genau in die Breite rein. Auf kleineren Bildschirmen / Viewports würde sie vermutlich rechts abgeschnitten werden oder zu einem horizontalen Scrollbalken führen.

Aus meiner Sicht solltest Du die Grafik dringend verkleinern. Dazu gibt es imho 2 Möglichkeiten:

a) Du schneidest den Text + Logo aus der Grafik aus (Grafiker nennen es glaube ich freistellen) und speicherst diese separat mit transparentem Hintergrund. Den Hintergrund speicherst Du in einer extra Datei, nicht so groß sondern nur z.B. 120 Pixel breit - eben so, dass er sich sinnvoll als wiederholende Grafik einsetzen lässt. Per CSS setzt Du dann Text + Logo als 1. Hintergrundbild ein und zentrierst es, nicht wiederholend. Den Hintergrund setzt Du als 2. Hintergrund ein, der sich jedoch wiederholen soll. Wie das mit CSS geht ist z.B. hier beschrieben: http://www.css3.info/preview/multiple-backgrounds/
b) Du schneidest das Logo so zurecht, dass es exakt beim Logo und Text links und rechts beginnt. Nur das setzt Du dann als Grafik in den Kopfbereich ein und zentrierst sie per "margin: 0 auto;".

Ich würde zu a) raten, auch wenn es mehr Arbeit ist, aber es ist der modernere Weg und zukunfstfähig.