Hintergrundbild Wiederholung FF und IE

Hintergrundbild Wiederholung FF und IE

Beitragvon borstie » 14.05.2008, 08:26

Hallo,

ich habe ein Problem mit einem Hintergrundbild, dass sich wiederholen soll.
Ich habe ein 2spaltiges Layout, bei dem ein Hintergrundbild in den beiden Spalten erscheinen soll. Das Hintergrundbild ist in einem übergeordneten DIV-Container eingebettet. Der Code dazu:

Code: Alles auswählen
<html><head></head><body>###DOKUMENT###
<center>

<div>
</div>

<div>   
   ###NAV_MAIN###
</div>


<div>
   <div>
      ###CONTENT_RIGHT###
   </div>
   <div>
      ###CONTENT_LEFT###
   </div>
</div>
<br>

</center>
###DOKUMENT###
</body></html>


Und die CSS dazu:



Code: Alles auswählen
body {

    background-color: #717171;
    font-family: verdana;
    font-size: 11px;
    letter-spacing: 1px;
    text-align:center; /* horizontal centering for IE Win quirks */
}

div#header {
    height:200px;
    width:955px;
    background-image: url(header.jpg);
}
div#content {
    width:955px;
    height:100%;
    background-image: url(navi.jpg);
    background-repeat:repeat-x;
    background-repeat:repeat-y;
       
}
div#navigation {
    width:955px;
    height:37px;
    text-align: left;
    text-indent: 6em;
    background-image: url(navi.jpg);
}

div#spaltelinks {
   float: left;
   width:550px;
   height:100%;
   padding:10px 10px;
   text-indent: 6em;
   
}

div#spalterechts {
    float: right;
    width: 345px;
    height:100%;
    padding:0px 10px;
   
}


Das Hintergrundbild liegt im BEreich "Content". Die beiden Spalten heissen spalterechts und spaltelinks.

Das Problem ist, dass das Hintergrundbild im FF nicht bis zum Ende wiederholt wird, die Darstellung im IE ist so, wie ich es mir vorstelle (abgesehen davon, dass das Bild noch ein TEstbild ist und etwas wild aussieht).
Ansehen könnt ihr euch das ganze unter:
http://www.fiestaonline.de/fiesta413/index.php?id=56

Kann mir jemand helfen und mir sagen, was ich falsch mache?

Danke :-)
borstie
neu hier
 
Beiträge: 1
Registriert: 14.05.2008, 08:17

Beitragvon Laus » 17.05.2008, 07:28

Hallo
Versuchs mal so
Code: Alles auswählen
html {height:100%;}

body {
    height:100%;
    background-color: #717171;
    font-family: verdana;
    font-size: 11px;
    letter-spacing: 1px;
    text-align:center; /* horizontal centering for IE Win quirks */
}
div#center {
   height:100%;
         width:955px;
}
div#header {
    height:200px;
    background-image: url(header.jpg);
    background-repeat:no-repeat;
}
div#content {
    min-height:100%;
    background-image: url(navi.jpg);
    background-repeat:repeat-y;
}
div#navigation {
    height:37px;
    text-align: left;
    text-indent: 6em;
    background-image: url(navi.jpg);
}

div#spaltelinks {
   width:550px;
   padding:10px 10px;
   text-indent: 6em;
}

div#spalterechts {
    float: right;
    width: 345px;
    padding:0px 10px;
}


Dazu musst du noch dein <center> in ein <div id="center"> umwandeln.
Natürlich auch das ändern von </center> in </div> nicht vergessen. :wink:

Gruß Xaver
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Hintergrundbild Wiederholung FF und IE"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 6 Gäste