Breite von \"Backgrund-image\" bestimmen
lima-city → Forum → Die eigene Homepage → Grafikdesign
angeben
arbeiten
bildschirm
computer
datei
einsetzen
fenster
filter
hintergrundbild
image
index
machen
paar
position
problem
prozentzahl
sekunde
setzen
teil
tun
-
Ich bastle seit einiger Zeit an meiner Homepage.
Mein Problem ist auf meinem Laptop sieht das Backgrund-image normal aus.
Wenn ich mir die Website abermit unserem Computer ansehe(Höhere Bildschirmauflösung) Ist Background-image nur hinter einem Teil des Textes.
Was kann ich tun, um das zu verhindern?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Man sollte immer unabhängig der Browsergröße arbeiten, dann hat man solche Probleme nicht. Man kann Hintergrundbilder nicht skalieren, ggf. könntest du jedoch ein div mit einer bestimmten größe (%) setzen, darin ein Bild mit Höhe und Breite jeweils 100%, position:fidxed, left und top anpassen und z-index:-1.
-
trueweb schrieb:
Man sollte immer unabhängig der Browsergröße arbeiten, dann hat man solche Probleme nicht.
Und wie macht man das ?
Ich habe sowieso ein relatives Layout.
Das ganze funktioiert unabhänging von der Bildschirmgröße, nur die Breite von Backgrund-image, lässt sich ja nicht angeben, sonst hätte ich eine Prozentzahl verwendet.
-
Entweder ein Hintergrund machen, der kachelbar ist.
Eine Alternative wäre eine PHP-Datei, die per get Höhe und Breite des Bildschirms erhält und das Hintergrundbild dann entsprechend skaliert zurückgibt. Dann als Hintergrundbild diese PHP einsetzen.
Nur beim Größe ändern wirds kompliziert. Es gibt ein onresize-Event und du könntest dann bei jedem resizen das Hintergrundbild per Javascript neu setzen auf die PHP mit der neuen Größe. Das würde aber großen Traffix- und Serverlast bedeuten, denn das würde Zigmal aufgerufen werden, wenn das Fenster groß- und wieder kleingezogen würde. Deshalb am besten noch einen Filter hinzu, der ein paar Sekunden nach Auslösen des resize-Events wartet. Sodass nur das erste Event zählt, dann werden ein paar Sekunden alle Events ignoriert und DANN wird der Hinterrund gesetzt.
Hoffe das hilft dir weiter. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
