Hintergrundbild mittels html an bildschirmgröße anpassen

amiga-news.de Forum > Programmierung > Hintergrundbild mittels html an bildschirmgröße anpassen

[ - Suche - Neue Beiträge - Registrieren - Login - ]

-1-

[ - Beitrag schreiben - ]

26.05.2004, 20:01 Uhr

amilate
Posts: 193
Nutzer

Hallo;
weiss jemand, wie ich ein Hintergrundbild im html auf die Bildschirmgröße anpassen kann?

Einfach nur
<img src="gfx/1.gif" width="100%" height="100%">
setzt ein Bild zwar auf die richtige Größe, und man kann auch andere Elemente mittels
<div style="position:absolute; top:5px;...
darüber anordnen; allerdings scrollt das Bild bei größeren Inhalten dann mit. Wenn jemand weiss, wie ich einem Bild das scrollen verbiete, wäre mir auch schon geholfen.

Optional wäre es auch lösbar, wenn mittels
<body background="gfx/1.gif"...
die Grafik an den Bildschirmauflösung anpassbar wäre.
die width und height werden da allerdings leider ignoriert.

Oder weiss jemand Rat?

[ - Antworten - Zitieren - Direktlink - ]

26.05.2004, 20:04 Uhr

amilate
Posts: 193
Nutzer

Optional:
Vielleicht kennt auch jemand ein javascript, was die Funktion übernehmen könnte...?

[ - Antworten - Zitieren - Direktlink - ]

26.05.2004, 20:17 Uhr

Holger
Posts: 8116
Nutzer

Zitat:
Original von amilate:
<div style="position:absolute; top:5px;...
darüber anordnen; allerdings scrollt das Bild bei größeren Inhalten dann mit. Wenn jemand weiss, wie ich einem Bild das scrollen verbiete, wäre mir auch schon geholfen.

Die korrekte Formatierung lautet style="position:fixed; left=... top=...
Wird aber leider soweit ich weiß von aktuellen Browsern nicht unterstützt.

Zitat:
Optional wäre es auch lösbar, wenn mittels
<body background="gfx/1.gif"...
die Grafik an den Bildschirmauflösung anpassbar wäre.
die width und height werden da allerdings leider ignoriert.

Da gibt's ja auch keine width oder height Attribute. Manchmal hilft es, wenn man mit style="background-attachment:fixed" das mitscrollen verbietet, oder mittels style="background-repeat:no-repeat" das Wiederholen der Grafik verhindert.
Skalieren ist allerdings mit normalen Mitteln nicht möglich.

mfg
--
Good coders do not comment. What was hard to write should be hard to read too.

[ Dieser Beitrag wurde von Holger am 26.05.2004 editiert. ]

[ - Antworten - Zitieren - Direktlink - ]

26.05.2004, 20:54 Uhr

amilate
Posts: 193
Nutzer

Jaa...
wenn der position:fixed gänge...
Bei mir funktioniert er auch nicht.
Weiss jemand, ob er bei IE Version6 geht?

[ - Antworten - Zitieren - Direktlink - ]

02.06.2004, 08:17 Uhr

Hammer
Posts: 2899
Nutzer

Ne andere Idee, fiel mir gerade ein. Mittels Javascript kannst Du die Bildschrimgröße auslesen. Danach könntest Du verzweigen auf Größe 1, Größe2 oder Größe3 und damit immer die richtige Größe des Bildes laden!
--
MFG

Hammer

http://people.freenet.de/ThaHammer/Amiga.html

[ - Antworten - Zitieren - Direktlink - ]

02.06.2004, 10:58 Uhr

amilate
Posts: 193
Nutzer

Ja, eine Monitorweiche.
Die habe ich auch schon bei einigen Seiten eingebaut;
dann ist die Seite aber trotzdem nicht 100% flexibel,
(wenn Hintergrund über den ganzen Bildschirm gehen soll)
weil erstens der effektive Anzeigebereich doch etwas
verschieden ist und zweitens ein nachträgliches
Verändern des Browsers auch nicht mehr beachtet wird.

Ich habe jetzt halt erstmal das mit dem div style gemacht,
muss ich halt die Seite so gestalten, das kein Scrollbalken
kommen müsste (verboten habe ich den halt).

amilate

[ - Antworten - Zitieren - Direktlink - ]

-1-

[ - Beitrag schreiben - ]

amiga-news.de Forum > Programmierung > Hintergrundbild mittels html an bildschirmgröße anpassen

[ - Suche - Neue Beiträge - Registrieren - Login - ]