Supportnet / Forum / Webseiten/HTML

Hallo! Kann ich eigendlich bewirken das mein Hintergrundbild in jeder Auflösung den gesamten Bildschirm ausfüllt. Bisher kachelt ers bei über 1280x und unter 1024x sieht man nicht mehr alles. Habs mit "width height" probiert aber das funtzt net. Mein Pic ist schwarz und hat einen silbernen Fleck in der mitte der auch dort stehen soll. Bin für jeden Ratschlag dankbar. Und bitte kein Tip in der Art "Nimm ein anderes Bild" Gruß Zair

Es gibt mehrere Möglichkeiten sowas zu machen, allerdings fällt mir nichts ein, was ohne JavaScript klappt. Sieh dir mal die Seite http://www.friedels-home.com/index.htm?/JavaScripte/Logo/anleitung.htm an. Wenn statt dem Logo deinen Stern verwendest und den Seitenhintergrund schwarz machst, sollte das etwa das sein, was du machen willst.

Hy Friedel,
Ich hab das in Deiner HP schon gesehen aber ich dachte es geht vielleicht etwas einfacher. Ich test einfach mal demnächst und werd mal sehen wie ichs mache. Ne Tabelle were auch ne Möglichkeit oder das Pic als Wasserzeichen oder so.
Dank Dir trotzdem.

Zair

Nabend!

Das sollte mit css gehn.
Etwa so:

<style type="text/css">
<!--
body{
	background-image:url(bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
}
-->
</style>

MfG
Dr. Ma-Busen

@Dr. Ma-Busen: Geht nicht weil das Bild in einer kleineren Auflösung ja verkleinert werden muss und aders rum vergrössert.

Gruß

Oder mit DIV

<div style="position:absolute;left:0;top:0;z-index:-1">
<img src="background.gif" width="100%" height="100%">
</div>

Gruß,
Michael

So wird mir kein Hintergrundbild mehr angezeigt? Warum hast Du -- z-index:-1 -- Fett markiert, muss ich da etwas anderes eingeben.

Zair

Ups! Das scheint in jedem Browser korrekt zu laufen außer im IE. Normalerweise ist es immer umgekehrt.
z-index:-1 sollte bedeuten "tiefer" im Raum. Also eine Ebene tiefer als Body.

<div style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:0">
<img src="background.gif" width="100%" height="100%">
</div>
<div style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:1">& nbsp;</div>
<div style="position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;">
Seiteninhalt hierher.
</div>

Ein Nachteil. IE macht das Kontextmenü nicht abhängig von der angezeigten Ebene und bietet das Bild zum Download an. Was besseres fällt mir nicht ein.

Gruß,
Michael

War fast gut, ausserdem verschwindet auch mein Text. Ein Teil davon ist unterhalb zu sehen.
Na egal ich versuchs mit einem Wasserzeichen oder nach Friedels Art.

Danke an alle
Zair

• Hintergrundbild strecken? Brauche dringend Hilfe!
• IE6 Grafik als Hintergrundbild
• Hintergrundbild in Tabellen
• Größe von Hintergrundbild automatisch anpassen - CSS