[HLP] - Background schmiert ab

[pascal.punica]

Hallo,

leider weiß ich grade nicht was los ist...

hier der Code

Code: Alles auswählen

/*
=================================================================================
Background
=================================================================================
*/

html, body, form
{
   margin:0;
   padding:0;
   height:100%;
}

#container
{
  min-height:100%;
  position:relative;
  height:100%;
}

#body
{
background-color: black;
background-image:url(/data/assets/netstudios_welcome.png);
background-repeat: no-repeat;
height:100%;
overflow:hidden;
position:relative;
width:100%;
background-position:center;
}

Anscheinend kann der Browser es nicht auf der agnzen seite anzeigen
das Bild im Bg ist 800x600 px aber irgendwie benutzt er grade weder background-colour: black; noch die Grafik...
warum nicht?
Vorhin ging mit dem selben Code noch alles!

[ThomaZ]

Mach es dir einfacher:
Mach dir in dem Fall als Hintergrund einen extra DIV und lege ihn ganz nach hinten. Dann streckt er deinen Hintergrund immer auf 100% des Fensters.

Code: Alles auswählen

div[id="background"] {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
div[id="background"] > img {
     width: 100%;
     height: 100%;
}


Code: Alles auswählen

<div id="ackground">
     <img src="bild.jpg" />
</div>


Den Background-Div kannst du im Code ganz ans Ende stellen und fertig.


MfG

ThomaZ