✔ IE6 kennt kein background-repeat

Status
Nicht offen für weitere Antworten.
Daviot

Daviot

Grünschnabel
hy Leute :-)
Habe das erste mal eine Seite gemacht wo das Layout nur mit div ist. Am Rand will ich einen Schatten haben, der steht in einem eigenen div.
Im IE7 und FF haut alles super hin. jedoch im IE6 sieht man nichts, :( wie wenn die CSS Funktion background-repeat nicht funktionieren würde.
ps: der div hat top:0px; er beginnt unter der oberen Abrundung
im anhang ist in gif wo ihr meine situatuation sehen könnt, links das Bild vom IE7 und rechts IE6
 

Anhänge

  • screen.gif
    screen.gif
    10,2 KB · Aufrufe: 26
Zeig doch mal den HTML- und CSS-Code der Seite. Noch besser wäre aber ein Link zur Seite, um das grafische Problem direkt unter die Lupe nehmen zu können.
 
Die Seite ist noch nicht Online

Hier ist der Code der Seite
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />
<head>
<link type="text/css" href="style_std.css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unknown Title</title>
</head>
<body>
<div id="site">
 <div id="border">&nbsp;</div> 
  <div id="hmenu"><img src="images/head_agb.gif" alt="header" width="865" height="24" /></div>
 
  <div id="sitecontent">
    <div id="hlogo"><img src="images/logo.gif" alt="Otmar weise" width="214" height="118" /></div>
    <div id="head"><img src="images/header.jpg" alt="die Referenzen" width="636" height="118" /></div>
    <div id="menu"><img src="images/unternehmen.gif" alt="unternehmen" /><img src="images/dachdeckerei.gif" alt="dachdeckerei" width="106" height="22"><img src="images/spenglerei.gif" alt="spenglerei" width="106" height="22" /><img src="images/flachdach.gif" alt="flachdach" width="106" height="22" /><img src="images/fassade.gif" alt="fassade" width="106" height="22" /><img src="images/solar.gif" alt="solar und photovoltaik" width="106" height="22" /><img src="images/referenzen.gif" alt="referenzen" width="106" height="22" /><img src="images/kontakt.gif" alt="kontakt" width="106" height="22" /></div>
    <div id="content">>
      <div id="sitemenu">><img src="images/mp2.gif" width="213" height="33" alt="die referenzen" /><img src="images/mp3.gif" width="213" height="19" alt="Privat" /><img src="images/mp4.gif" width="213" height="18" alt="Industrie" /><img src="images/mp1.gif" width="213" height="33" alt="aktuelle News" />
        <div id="menucontent">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nec orci          <ul class="menu">
            <li>Lorem</li>
            <li>Lorem</li>
            <li>Lorem</li>
          </ul>
        </div>
      </div> 
      <div id="text">
        <div id="varcon1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec nec orci</div>
 
        <div id="varcon2">Cras enim nisl, ullamcorper non</div>
        <div id="varcon3">Phasellus at nunc at nulla ornare condimentum.</div>
        <p>&nbsp;</p>
     </div>    
    </div>
 
    <div id="shadow"></div><!--Hier ist der Übertäter-->
  </div>
  <div id="footer"><img src="images/footer.gif" width="865" height="17" align="top" alt="footer" /><br>
    Otmar Weise GmbH. <img src="images/dot.gif" width="3" height="8" alt="dot" /> 3361 Aschbach <img src="images/dot.gif" width="3" height="8" alt="dot" /> Wallseer Straße 1 <img src="images/dot.gif" width="3" height="8" alt="dot" /> Tel.: 07476 / 77301 <img src="images/dot.gif" width="3" height="8" alt="dot" /> office@test</div>
</div>
</body>
</html>

Und hier ist der Code der CSS Datei
Code: 
/* CSS Document */
/* div container std*/
html,body{
 background-color:#DADADA;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 height:100%;
 }
 
div#site{
 width:865px;
 left: 50%;
 margin-left:-432px;
 position:absolute;
 
 top: 14px;
 }
div#sitecontent{
 width:865px;
 height:100%
 }
div#hmenu{
 position:absolute;
 left:0px;
 top: 0px;
 vertical-align:top;
 width:850px;
 text-align: left;
 height: 24px;
 margin:0px;
 z-index:60;
 }
div#hlogo{
 background-color:#00FFFF;
 width: 214px;
 float: left;
 height: 118px;
 border-left:solid #999999 1px;
 }
div#head{
 background-color:#CCCC00;
 float: left;
 width: 636px;
 height: 118px;
 }
div#menu{
 width:850px;
 height: 22px;
 float: left;
 }
div#sitemenu{
 float:left;
 width: 212px;
 height:100%;
 background-color: #DADADA;
 }
div#content{
 width: 848px;
 height:98%;
 border-left:solid #999999 1px;
 }
div#text{
 width: 615px;
 float: right;
 padding: 10px;
 background-color: #FFFFFF;
 min-height:450px;
 }
div#footer{
 width: 865px;
 font-size: 11px;
 text-align: center;
 background-color: #DADADA;
 position:absolute;
 bottom:-1px;
 z-index:100;
 }
div#shadow{
 position: absolute;
 left:850px;
 top:0px;
 height: 100%;
 z-index:50;
 background-image:url(images/shadow.gif);
 background-repeat:repeat-y;
 width:15px;
 }
div#border {
 position:absolute;
 left:0px;
 top:0px;
 height:100%;
 z-index:40;
 background-image:url(images/border.gif);
 background-repeat:repeat-y;
 }
div#menucontent{
 margin:5px;
 font-size:11px;
 height:100%;
 font-family:Arial, Helvetica, sans-serif;
 }
ul.menu{
 list-style-image:url(images/pfeil.gif);
 }
div#varcon1, div#varcon2, div#varcon3, div#varcon4 {
 margin:5px;
 margin-top:10px;
 font-size:11px;
 }

Ich bin gestern draufgekommen, wenn man dem div eine feste Größe von z.B. 100px gibt, dann funktioniert das repeat. Das bedeutet das IE6 die Prozentuelle Größe bei meiner Seite nicht anzeigt

Danke für deine Hilfe ich bin schon am verzweifeln
 

Anhänge

  • sollte.jpg
    sollte.jpg
    61,9 KB · Aufrufe: 17
Vielleicht solltest du die Randgrafiken border.gif und shadow.gif in einem Hintergrundbild vereinen und dieses dem Parent-DIV zuordnen?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück