Zur Navigation

grafiken an auflösung anpassen

1 fligor

Hallo,
schaut euch mal Cartoons-Webkatalog.de an. Dort habe ich versucht Grafiken anzupassen. Klappt aber nicht. Ich will, dass in der Auflösung 1024*768 die Grafik so groß ist wie jetzt und das Forumtemplate umschließt. Die Grafiken sollen auch mitscrollen, so dass es aussieht, das das Forum, aber nicht die Grafiken wandern. Außerdem wollte ich, dass die Grafiken sich ebenfalls an 1280*1024 anpassen. Sind eigentlich für diese Größe konzepiert.

Kann mir da jemand helfen?

MFG FLo

05.12.2005 17:06

2 Jörg

Du meinst die beiden Grafiken links und rechts außen? Du könntest daraus ein großes Hintergrundbild machen (welches in der Mitte einen weißen Streifen für den Inhalt hat) und dieses über CSS einbinden:

Hintergrundbild einbinden

Mit der Eigenschaft background-attachment:fixed kannst du das Bild dann fixieren, so dass es nicht mitscrollt

mfG Jörg

05.12.2005 17:18

3 fligor

Wie setze ich denn fest, dass mein Hintergrundbild immer auf die größe des Browserfensters skaliert wird?

Jetzt ist es ja nur optimal für eine Auflösung von 1280*1024.

MFG FLo

06.12.2005 14:26

4 Jörg

Skalieren ist beim Hintergrundbild leider nicht möglich. Du könntest aber mithilfe der Eingeschaft background-position erreichen, dass es ebenfalls zentriert wird:

body { background-image:url(hintergrund.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; padding:0px; }

Dann wäre bei kleineren Auflösungen das Hintergrundbild links und rechts abgeschnitten, aber der Inhalt würde passen

mfG Jörg

06.12.2005 14:43

5 fligor

Also habe ich nun eher auf 1280 optimiert als auf 1024.

Kann ich kein PHP Script einfügen? Grob:

IF res=1280 THEN

bg1280.jpg

ELSE

bg1024.jpg

In dieser groben Struktur?

MFG FLo

06.12.2005 21:09

6 Jörg

Hallo FLo

mit PHP alleine funktioniert das nicht, für das Abfragen der Bildschimauflösung benötigst du JavaScript, siehe Erläuterungen von SELFHTML zum Objekt screen

mfG Jörg

06.12.2005 23:57

7 DerPunk (Gast)

Ist zwar schon ein bisschen älter das Thema hier, aber ich hätte vielleicht ein Lösung anzubieten.

folgende Zeile einfach irgendwo im Body-Bereich einsetzen und schon hat man ein Hintergrundbild, welches sich über den gesamten hintergrund erstreckt!

<img style="position: absolute; width: 100%; height: 100%;  left: 0px; top: 0px ;z-index: -1;" border="0" src="bild.jpg">

25.04.2006 01:40

8 RedSean (Gast)

@DerPunk

ich werd das mal testen hab da so ein ähnliches problem mit dem hintergrund der auch gleichzeitig mein Logo darstellt

das logo ist ausgelegt auf 1024Pixel Breite und ist bei usern mit 800pixel breite links und rechts abgeschnitten.

mal sehen ob das so funktioniert

22.07.2008 18:28

9 fligor

Das klappt! Das ist genial. Außer Menschen gucken sich die Seite in 16:9 oder zu 10 an. Dann wird doof...

MFG FLo

18.11.2008 00:43

Beitrag schreiben (als Gast)





[BBCode-Hilfe]