bg-image abhängig von der Fenstergrösse

[Audrey]

Hi alle zusammen,

Habe ein div-element für mein banner und in diesem folgenden code:

#banner   {
           border-width:   medium;
           border-style:   groove;
           background-color:  #1082A7;
           background-image: url(images/banner.jpg);
           background-position: 50%;
           background-repeat: no-repeat;
           height: 150px;
           margin-top:   2em;
           margin-right: 20%;
           margin-left:  20%;
           }

das Problem ist, das mein Banner-pic beim grösser oder kleiner ziehen des Browserfenster in die Breite nicht mit-skaliert und man dann die Hintergrundfarbe sieht..
wie kann ich es schaffen dass das Bild immer das ganze div-element ausfüllt?

Danke im voraus

lg Audrey

 

[Maik]

Hi,

die Frage wurde hier schon desöfteren erörtert; Hintergrundbilder lassen sich (noch) nicht skalieren, dies ist nur mit dem img-Grafikelement möglich.

Stu Nicholls zeigt mit http://www.cssplay.co.uk/layouts/background.html den alternativen Weg auf, um ein Grafikelement im Browserfenster zu skalieren.