Hintergrundbild wird nur teilweise wiederholt

Computer: Software & Programmierung HTML & CSS
#1

Hi,

ich habe ein kleines Problem mit meinem Script. Ich hoffe, das Ihr mir helfen könnt. Wenn es geht, bitte auch mit Quellcode :smile:

Das scollbare Hintergrundbild (bild.gif), soll normalerweise für den gesamten Bildschirm angezeigt werden. Es wird jedoch nur dort angezeigt, wo auch Text steht. Hier der Quellcode:

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

div.bild
{
background-image:url(bild.gif);
}

div.nscr
{
height:30px;
width:100%;
padding-left:0px;
}

div.inhalt
{
margin-left:0px;
padding-left:0px;
height:97%;
overflow:auto;
}

div.button
{
position:fixed;
left:47%;
bottom:1px;
}

Hier ist das Logo

Hier steht der Text
Test Test Test Test Test
Bis hierhin erscheint das Hintergrundbild

#2

du hast das Hintergrundbild ja auch nur für ein gesetzt und nicht für das gesamte Dokment:

div.bild
{
background-image:url(bild.gif);
}

versuchs mal mit:

body
{
background-image:url(bild.gif);
}

#3

Hi,

danke für den Tip. Bei dieser Lösung wird zwar die Hintergrundgrafik bildschirmfüllend angezeigt. Aber sie scrollt nicht mit!!

versuchs mal mit:

body
{
background-image:url(bild.gif);
}

#4

Stimmt, sry.

versuchs mal so:

body
{
background-image:url(bild.gif);
background-attachment:fixed;
background-repeat:repeat;
}

#5

Tja, hat leider auch keine Wirkung. Das Bild bleibt stehen. (anstatt „fixed“ habe ich natürlich „scroll“ genommen) :smile:

Egal, wie ich den Body definiere. Das Hintergrundbild bewegt sich nicht. Und packe ich es in ein Div (siehe „Bild DIV“, erscheint eben die bekanntliche Einschränkung …

versuchs mal so:

body
{
background-image:url(bild.gif);
background-attachment:fixed;
background-repeat:repeat;
}

#6

(anstatt „fixed“ habe ich natürlich „scroll“ genommen) :smile:

dann nimm dochmal fixed

#7

ist doch scroll

ich nehm alles zurück und behaupte das gegenteil

mit scroll gehts bei mir aber

#8

Sorry,

bei mir gehts nicht. Kannst Du mal den gesamten Code posten?

#9

body
{
background-image:url(bild.png);
background-attachment:scroll;
background-repeat:repeat;
}
c

c

#10

Jupp,

jetzt geht es :smile:)