Supportnet / Forum / Webseiten/HTML
Hintergrundbild an Bildschirmauflösung anpassen
Frage
Hallo,
gibt es eine Möglichkeit, dass sich ein Hintergrundbild von der Grösse an die Bildschirmauflösung anpasst ?
Mein Hintergrundbild sieht bei 800 x 600 ganz gut aus, wenn ich auf 1024 x 768 umschalte, erhalte ich die Wiederholung(Kachelung) des Bildes. Wenn ich die Wiederholung ausschalte mit background-repeat:no-repeat erhalte ich am rechten und unteren Rand einen weissen Bereich. Kann man das Hintergrundbild evtl. zentrieren ?
mfg
Jens
Antwort 1 von silver_angel
na ja, so wiet ich weis gibt es nur die lösung das bil in einem grafik prog in der gwünschten grösse anlegen... das kann unter umständen das bild unscharf machen....
hoffe konnte dir helfen
cu silver_angel
hoffe konnte dir helfen
cu silver_angel
Antwort 2 von Viagra
Man kann das Hintergrundbild sogar strecken, dafür brauchst du aber einen Active-Desktop.
Besitzt du einen Activedesktop (z. B. Windows 98) sag mir bescheid, dann schreib ich dir eine kurze HTML-Seite.
Bis denn dann
der ich
Besitzt du einen Activedesktop (z. B. Windows 98) sag mir bescheid, dann schreib ich dir eine kurze HTML-Seite.
Bis denn dann
der ich
Antwort 3 von messer-jocke
Hallo !
Vielen Dank für eure Antworten.
Ich stelle gerade fest, dass meine Frage wahrscheinlich unklar formuliert ist. Sorry
Also, ich erstelle eine Hompage. Auf der Eingangsseite index.html erscheint eine Begrüssung auf der die Sprache ausgewählt werden kann. Auf diese Seite habe ich ein Hintergrundbild gelegt. Ich arbeite an meinem Arbeitsplatz mit einer Bildschirmauflösung von 800 x 600 und das ganze sieht optisch ganz gut aus. Wenn ich nun probeweise mit einer höheren Bildschirmauflösung auf diese Seite gehe, sieht das ganze nicht mehr so gut aus, da das Bild nicht mehr den ganzen Bildschirm ausfüllt.
Eine Möglichkeit wäre wenn das Bild automatisch auf die höhere Bildschirmauflösung gestreckt würde ("Macht dem Bild nichts aus").
Eine andere akzeptable Möglichkeit wäre, wenn man das zu kleine Hintergrundbild auf dem Bildschirm zentrieren könnte.
Geht dass irgentwie ????
mfg
Jens
Vielen Dank für eure Antworten.
Ich stelle gerade fest, dass meine Frage wahrscheinlich unklar formuliert ist. Sorry
Also, ich erstelle eine Hompage. Auf der Eingangsseite index.html erscheint eine Begrüssung auf der die Sprache ausgewählt werden kann. Auf diese Seite habe ich ein Hintergrundbild gelegt. Ich arbeite an meinem Arbeitsplatz mit einer Bildschirmauflösung von 800 x 600 und das ganze sieht optisch ganz gut aus. Wenn ich nun probeweise mit einer höheren Bildschirmauflösung auf diese Seite gehe, sieht das ganze nicht mehr so gut aus, da das Bild nicht mehr den ganzen Bildschirm ausfüllt.
Eine Möglichkeit wäre wenn das Bild automatisch auf die höhere Bildschirmauflösung gestreckt würde ("Macht dem Bild nichts aus").
Eine andere akzeptable Möglichkeit wäre, wenn man das zu kleine Hintergrundbild auf dem Bildschirm zentrieren könnte.
Geht dass irgentwie ????
mfg
Jens
Antwort 4 von Viagra
Hi, Jocke.
Beides ist möglich und auch nicht sonderlich schwer. Ich schick dir heute Abend ein Script, daß das Hintergrundbild auf die größe des Browserfensters streckt.
Bis denn dann
Der ich
Beides ist möglich und auch nicht sonderlich schwer. Ich schick dir heute Abend ein Script, daß das Hintergrundbild auf die größe des Browserfensters streckt.
Bis denn dann
Der ich
Antwort 5 von Friedel
@Viagra: Ich hätte auch interesse an dem Script. Schick es mir bitte auch. Noch besser wäre es, es hier zu posten. Es gibt vielleicht noch mehr Leute, die sich dafür interessieren ;-)
@messer-jocke: Ich entnehme deinem Posting, daß du auf deiner HP ein Hintergrundbild mit 800x600 Pixeln verwendest. Ist dir klar, daß die Seite mit normalem ISDN oder gar Analogem Modem ewig zum Laden braucht? Eine Möglichkeit dein Vorhaben zu realisieren wäre, dein Bild mit <img border="0" src="Bildurl" width="100%" name="Name"> auf die Seite ein zu fügen (nicht als Hintergrund). Den eigentlichen Seiteninhalt machst du dann in eine blinde Tabelle, die du unter das Bild machst und mit style="margin-top: " entsprechend nach oben verschieben, daß sie das Bild überlagert. Den Betrag um den du die Tabelle nach oben verschiebst, ermittelst du mit document.name.height. Die Umsetzung ist aber nicht ganz einfach und es ist schwer so ein zu richten, daß es auch mit Netscape funzt. Ich vermute deshalb, daß Viagra eine besse Lösung auf Lager hat.
@messer-jocke: Ich entnehme deinem Posting, daß du auf deiner HP ein Hintergrundbild mit 800x600 Pixeln verwendest. Ist dir klar, daß die Seite mit normalem ISDN oder gar Analogem Modem ewig zum Laden braucht? Eine Möglichkeit dein Vorhaben zu realisieren wäre, dein Bild mit <img border="0" src="Bildurl" width="100%" name="Name"> auf die Seite ein zu fügen (nicht als Hintergrund). Den eigentlichen Seiteninhalt machst du dann in eine blinde Tabelle, die du unter das Bild machst und mit style="margin-top: " entsprechend nach oben verschieben, daß sie das Bild überlagert. Den Betrag um den du die Tabelle nach oben verschiebst, ermittelst du mit document.name.height. Die Umsetzung ist aber nicht ganz einfach und es ist schwer so ein zu richten, daß es auch mit Netscape funzt. Ich vermute deshalb, daß Viagra eine besse Lösung auf Lager hat.
Antwort 6 von Friedel
P.S. Wenn die Fenstergröße verändert wird und die Seite nicht neu geladen wird, passt bei meiner Lösung danach natürlich nix mehr.
Antwort 7 von Viagra
Mein Script soll die Bildgröße immer automatisch an die Fenstergröße anpassen, egal bei welcher Auflösung und wie groß das Fenster ist.
Ich hoffe, daß ich das noch Blick. Hab so was ähnliches mal gemacht. Mir ist aber jetzt erst wieder aufgefallen, daß das ja das Background-Bild ist... werd mir wohl noch was einfallen lassen müssen.
Werds das Ergebnis dann auch hier Posten.
Bis denn dann
der ich
Ich hoffe, daß ich das noch Blick. Hab so was ähnliches mal gemacht. Mir ist aber jetzt erst wieder aufgefallen, daß das ja das Background-Bild ist... werd mir wohl noch was einfallen lassen müssen.
Werds das Ergebnis dann auch hier Posten.
Bis denn dann
der ich
Antwort 8 von Friedel
Ich hab mal so ein Beispiel gebastelt:
----------------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Seitentitel</title>
<script language="JavaScript">
var a
</script>
</head>
<body>
<p><img border="0" src="http://members.surfeu.de/namibia/mich/Bilder/ausweisen.gif" width="100%" name="ddd"></p>
<script language="JavaScript">
a=document.ddd.height;
document.write("<table border=0 cellpadding=1 cellspacing=1 width=100% style=margin-top:-" + a + "><tr><td width=100% valign=top>")
</script>
<!-- Hier beginnt dein Seiteninhalt -->
<font color="#FF0000" face="Arial Black" size="6">
Beispieltext</font>
<!-- Hier endet dein Seiteninhalt -->
<script language="JavaScript">
document.write("</tr></td></table>")
</script>
</body>
----------------------------------------
Einfach als Quelltext für ne Testseite verwenden und entsprechend anpassen.
----------------------------------------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Seitentitel</title>
<script language="JavaScript">
var a
</script>
</head>
<body>
<p><img border="0" src="http://members.surfeu.de/namibia/mich/Bilder/ausweisen.gif" width="100%" name="ddd"></p>
<script language="JavaScript">
a=document.ddd.height;
document.write("<table border=0 cellpadding=1 cellspacing=1 width=100% style=margin-top:-" + a + "><tr><td width=100% valign=top>")
</script>
<!-- Hier beginnt dein Seiteninhalt -->
<font color="#FF0000" face="Arial Black" size="6">
Beispieltext</font>
<!-- Hier endet dein Seiteninhalt -->
<script language="JavaScript">
document.write("</tr></td></table>")
</script>
</body>
----------------------------------------
Einfach als Quelltext für ne Testseite verwenden und entsprechend anpassen.
Antwort 9 von Viagra
Oki, Friedel, warst mal wieder schneller als ich ^_^