Bond246
Bekanntes Mitglied
Guten Abend,
ich hocke gerade an einem Backgroundgrafik-Problem.
Ich habe eine Website, bei der der Inhaltsbereich von 960px zentral ausgerichtet ist. Da die Browserfenster logischerweise in aller Regel breiter sind, sieht man den Hintergrund rechts und links.
Bisher war dieser einfarbig, doch ich will da gerne das Profil von einer Person aus einem Foto haben.
Die Person würde links sein und nach rechts gucken. Es soll jedoch immer gewährleistet sein, dass nicht z.B. Nase und Augen hinter dem Inhaltsbereich verschwinden, wenn das Browserfenster unter einer bestimmten Größe ist.
Also war meine Idee, ich erstelle eine Bilddatei, die entsprechend breit ist und diese richte ich dann mittig aus. Den Bildinhalt, der theoretisch nicht durch Fotoinformationen abgedeckt ist, wollte ich mit der Hintergrundfarbe füllen. Doch jetzt fällt mir auf, dass die Hintergrundfarbe wiedergegeben durch CSS nicht mit der aus der jpg-datei identisch dargestellt wird. Nichtmal bei PNG klappt es.
Transparenz durch PNG kommt auch nicht in Frage, weil die Bilddatei damit horrend groß wird und gif ist ebenfalls keine Alternative, da kein Alphakanal vorhanden ist - es gibt nur transparent oder nicht, wenn dann brauche ich aber einen Farbverlauf.
Nun kann ich ja die Grafik durch CSS mit Längen- und Prozentangaben positionieren. Das funktioniert aber nur abhängig vom linken/oberen Rand. Bekomme ich CSS auch irgendwie dazu überredet, dass die Grafik anhand der Mitte ausgerichtet wird? Also z.B. 300px links von der Mitte des Browserfensters?
Das wäre optimal, weil ich dann die Grafik nicht elendig breit machen müsste und sogar png nutzen könnte. Die Datei wäre dann vlt. noch 200Kb groß, was noch in Ordnung ist...
Ich danke euch, für eure Vorschläge.
Gute Nacht
Bond
ich hocke gerade an einem Backgroundgrafik-Problem.
Ich habe eine Website, bei der der Inhaltsbereich von 960px zentral ausgerichtet ist. Da die Browserfenster logischerweise in aller Regel breiter sind, sieht man den Hintergrund rechts und links.
Bisher war dieser einfarbig, doch ich will da gerne das Profil von einer Person aus einem Foto haben.
Die Person würde links sein und nach rechts gucken. Es soll jedoch immer gewährleistet sein, dass nicht z.B. Nase und Augen hinter dem Inhaltsbereich verschwinden, wenn das Browserfenster unter einer bestimmten Größe ist.
Also war meine Idee, ich erstelle eine Bilddatei, die entsprechend breit ist und diese richte ich dann mittig aus. Den Bildinhalt, der theoretisch nicht durch Fotoinformationen abgedeckt ist, wollte ich mit der Hintergrundfarbe füllen. Doch jetzt fällt mir auf, dass die Hintergrundfarbe wiedergegeben durch CSS nicht mit der aus der jpg-datei identisch dargestellt wird. Nichtmal bei PNG klappt es.
Transparenz durch PNG kommt auch nicht in Frage, weil die Bilddatei damit horrend groß wird und gif ist ebenfalls keine Alternative, da kein Alphakanal vorhanden ist - es gibt nur transparent oder nicht, wenn dann brauche ich aber einen Farbverlauf.
Nun kann ich ja die Grafik durch CSS mit Längen- und Prozentangaben positionieren. Das funktioniert aber nur abhängig vom linken/oberen Rand. Bekomme ich CSS auch irgendwie dazu überredet, dass die Grafik anhand der Mitte ausgerichtet wird? Also z.B. 300px links von der Mitte des Browserfensters?
Das wäre optimal, weil ich dann die Grafik nicht elendig breit machen müsste und sogar png nutzen könnte. Die Datei wäre dann vlt. noch 200Kb groß, was noch in Ordnung ist...
Ich danke euch, für eure Vorschläge.
Gute Nacht
Bond