Hintergrund im IE nicht sichtbar, aber im Firefox.

[Matce84]

Hi, ich bin ganz neu hier, hoffentlich kann mir jemand helfen.
Danke schonmal für eure Mühe und Zeit.

Ich habe ein Problem womit ich schon echt lage kämpfe,
ich habe ein Div "aktuellesPresseTermine" was ein Hintergrundbild enthält, was die höhe "auto" hat.

Dann habe ich in dem div, 3 divs die unterschiedlich hoch sind, aber das Hintergrundbild wird im IE 6 und 7 nicht angezeigt, im Firefox funktioniert alles super.

Ich Zeig euch mal ein Bild, den code und die Website, bitte Helft mir.

Code: Alles auswählen

   <div id="aktuellesPresseTermine">

      <div id="aktuelles">
         <p><strong>bla bla bla</strong><br />
            bla bla bla</p>
      </div>
      
      
      <div id="presse">
         <p><strong>bla bla bla</strong><br />
            bla bla bla</p>      
      </div>
      
      
      <div id="termine">
         <p><strong>bla bla bla</strong><br />
            bla bla bla</p>
      </div>
      <div class="clear"></div>    
      
   </div>


Code: Alles auswählen

   #aktuellesPresseTermine {
      height:auto;
      background-image:url(../bilder/aktuellesPresseTermine_hg.jpg);
      
   }
      #aktuelles {
         width:271px;
         height:auto;
         padding:10px 0px 0px 10px;         
         float:left;
      }
      #presse {
         width:271px;
         height:auto;
         padding:10px 0px 0px 10px;         
         margin-left:4px;
         float:left;
      }
      #termine {
         width:271px;
         height:auto;
         padding:10px 0px 0px 10px;      
         margin-left:4px;
         float:left;
      }   


.clear    {
   clear:both;
   line-height:0;
   font-size:0;
   height:0;
   }   


http://www.kcgruen-weiss.de/neu

[womaninweb]

Hallo Matce84,

ergänze mal das CSS für den div "aktuellesPresseTermine" um folgende Zeilen, dann funktioniert es auch im IE 7 und IE 6:

Code: Alles auswählen

#aktuellesPresseTermine {
   min-height: 350px;
   height:auto !important;
   height: 350px;
   background-image:url(../bilder/aktuellesPresseTermine_hg.jpg);
}

Die IEs mögen es nicht ohne Höhenangaben. Der IE 7 braucht das min-height und der Sechser das height.

Gruß,
womaninweb

[Matce84]

Hi super danke danke, das wars....
Danek dir...