Probleme background no repeat im IE

[joha]

Hallo

Ich habe ein Problem mit dem Background no repeat,Opera macht es korrekt,aber IE nicht

ich habe eine HG Grafik aufgeteilt, der Mittelteil soll nicht gescollt werden

Vielleicht kann mir ja jemand bitte auf die Sprünge helfen

danke schon mal

Joha

Beispiel

hier der css-code:

* {
    padding: 0;
    margin: 0;
}
#wrap {
width: 900px;
margin: 10px auto;
}

body {
background: #EAE373;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
color: #333333;
}

#header {
background: url(images/kopf.jpg) no-repeat;
height: 110px;
margin-top: 80px;
padding-left: 190px;

}
#menu ul {
        margin: 0;
        list-style: none;

}

#menu li {
        display: inline;
}

#menu a {
        float: left;
        width: 7.5em;
        margin: 5 0 0 0px;
        margin-top: 55px;
        padding: 5 0 10 10;
        text-decoration: none;
        text-align: center;
        letter-spacing: -1px;
        font-size: 1.0em;
        font-weight: bold;
        color: #1A7E32;
}





h1 {
padding: 25px 0 0 20px;
font-size: 25px;
letter-spacing: 1px;
color: #ADCE16;
}


#content {
width: 900px;
height: 320px;
padding: 0 0 0 0;
background: url(images/mitte.jpg) no-repeat;

}

#box
{
    width: 650px;
    padding: 20px 0 0 20px;
    height: 300px;
    font-size: 1.1em;
    letter-spacing: 1px;
    color: #1A080B;
    margin-left: 90px;
    float: left;
    border:5px; border-color:#ffffff;
overflow-x:hidden;
overflow-y:auto;
overflow-y:scroll;

}


#footer {
padding: 0 0 0 0;
width: 900px;
color: #335A21;
float: left;
height: 70px;
background: url(images/fuss.png) no-repeat;
clear: both;
}
.clear
{ clear: both;
}



div.c3 {clear:both;}




a:link    { color:#2E731A;

            text-decoration:none;
          }
a:visited { color:#2E731A;

            text-decoration:none;
          }
a:active  { color:#2E731A;

            text-decoration:none;
          }

a:hover   { color:#2E731A;

            text-decoration:none;

 

[developr]

Du musst noch den Parameter background-attachment:fixed dran setzen, damit die Grafik nicht mitgescrollt wird.

background: url(images/kopf.jpg) no-repeat fixed;

Das Gegenteil davon wäre übrigens scroll .

 

[joha]

seltsam *ggg

jetzt geht es auf einmal doch?

klappt es bei euch auch in beiden Varianten, wenn ich fragen darf?

Andere Problematik, die auftaucht, die Box, bzw, deren Textinhalt wird im IE, in Opera und im FF völlig unterschiedlich dargestellt?

Im IE steht er fast mittig, in den anderen beiden da haut es alles durcheinander, das ist echt zum Verzweifeln mit den doofen Browsern
Joha

 

[developr]

Dann versuche das mal mit dieser "Browserweiche" für den IE6 und füge diesen Code unter deinen #content ein. Damit sagst du dann, dass nur der IE6 das background-attachment:fixed übernehmen soll .

* html #content {
background-attachment: fixed;
}