andy-man: Keine Anzeige Hintergrundbilder verschachtelte div's im ie8

SELF-Forum

Keine Anzeige Hintergrundbilder verschachtelte div's im ie8

andy-man
– Informationen zu den Bewertungsregeln

Hallo,
mit dem i8 werden Hintergrundbilder oder Rahmen bei verschachtelten div's nicht mehr angezeigt. Das betrifft speziell div's wie im Beispeile der #rahmen oder #inhalt.
Im ie 5-7 werden die div's angezeigt. Ich habe bei den div's auch mal die höhe mit 100% angegeben, aber leider ohne Erfolg. Vielleicht kann mir da einer weiterhelfen. Hier mal der Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Unbenanntes Dokument</title>  
  
<style type="text/css">  
<!--  
body {  
font-family:Verdana, Arial, Helvetica, sans-serif;  
font-size:12px;  
margin:0px;  
padding:0px;  
background-color:#eeeeee  
}  
#rahmen {  
margin:auto;  
padding:0px;  
width:980px;  
background-color:#FFFFFF;  
border:1px solid #000000;  
height:auto;  
}  
#head {  
background-color:#FFFFFF;  
height:260px;  
width:980px;  
}  
#headleft {  
float:left;  
width:280px;  
}  
#logo {  
margin-left:40px;  
margin-top:15px;  
width:210px  
}  
#hilfsnavi {  
margin-top:51px;  
margin-left:35px;  
width:219px;  
height:130px;  
background-color:#000066;  
color:#FFFFFF;  
}  
#headright {  
float:right;  
width:700px;  
}  
#suche {  
float:right;  
width:200px;  
text-align:right;  
}  
#illustration {  
float:left;  
margin:0;  
margin-top:46px;  
background-image:url(../images/t_standard.jpg);  
background-repeat: no-repeat;  
background-position:0px 0px;  
width:700px;  
height:200px;  
}  
#abstand {  
clear:both;  
background-color:#CCCCCC;  
width:980px;  
height:20px;  
}  
#inhalt {  
background-color:#FFFFFF;  
color:#000000;  
}  
#links {  
float:left;  
width:270px;  
height:auto;  
}  
#mitte {  
float:left;  
width:510px;  
}  
#rechts {  
float:left;  
width:200px;  
}  
#fuss {  
float:left;  
background-color:#999999;  
width:980px;  
height:60px;  
padding-top:20px;  
color:#FFFFFF;  
}  
#copy {  
float:left;  
width:230px;  
padding-left:40px;  
font-size:10px;  
color:#333333;  
padding-top:2px;  
}  
#pfad {  
float:left;  
width:500px;  
}  
#drucken {  
float: right  
}  
  
-->  
</style>  
</head>  
<body>  
<div id="rahmen">  
<div id="head">  
<div id="headleft">  
<div id="logo">Logo</div>  
<div id="hilfsnavi"> Navigation_Meta </div>  
</div>  
<div id="headright">  
<div id="suche"> Search_Input </div>  
<div id="illustration"> Illustration </div>  
</div>  
</div>  
<div id="abstand"></div>  
<div id="inhalt" >  
<div id="links"> Navigation_Main <br />  
<br />  
</div>  
<div id="mitte" style="width:700px">  
<p>  
Headline <br />  
<span class="Stil1">Text</span><br />  
</p>  
<p>&nbsp;</p>  
<p>&nbsp;</p>  
<p>&nbsp;</p>  
<p>&nbsp;</p>  
<p><br />  
</p>  
</div>  
</div>  
<div id="fuss">  
<div id="copy">© </div>  
<div id="pfad"> Navigation </div>  
<div id="drucken"> Drucken </div>  
</div>  
</div>  
</body>  
</html>

Danke im Voraus für eure Unterstützung.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Keine Anzeige Hintergrundbilder verschachtelte div's im ie8

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    mit dem i8 werden Hintergrundbilder oder Rahmen bei verschachtelten div's nicht mehr angezeigt. Das betrifft speziell div's wie im Beispeile der #rahmen oder #inhalt.
    Im ie 5-7 werden die div's angezeigt.

    Und in welchem Modus lässt du die Seite anzeigen?

    Vielleicht kann mir da einer weiterhelfen. Hier mal der Code:

    Ein Online-Beispiel würde ich mir mal anschauen. (Valides HTML und CSS sollte eine Selbstverständlichkeit sein.)

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Keine Anzeige Hintergrundbilder verschachtelte div's im ie8

    andy-man Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Leider bin ich noch nicht weitergekommen. Hier ist mal ein Link zu dieser Seite. Im ie bis zur Version 7 wird der Rahmen über die komplette Seite angezeigt. Ab Version 8 nur noch bis zur Kopfzeile.

    http://www.eisware.de/

    Danke andy-man

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Keine Anzeige Hintergrundbilder verschachtelte div's im ie8

      ChrisB
      – Informationen zu den Bewertungsregeln

      Hi,

      Hier ist mal ein Link zu dieser Seite. Im ie bis zur Version 7 wird der Rahmen über die komplette Seite angezeigt. Ab Version 8 nur noch bis zur Kopfzeile.

      http://www.eisware.de/

      Wenn auch andere Browser (Firefox, Opera) es so anzeigen, wie der IE 8 (und das tun sie), dann kann man davon ausgehen, dass diese Anzeige korrekt ist.
      Du suchst also keinen Fehler im Rendering des IE 8, sondern im IE <= 7.

      Dein Element #inhalt hat eine Höhe von null Pixeln - weil du alle seine Kindelemente gefloatet hast.
      #fuss ist ebenfalls gefloatet - somit beeinflussen beide die Höhe von #rahmen nicht mehr; #rahmen ist nur so hoch, wie es #head und #abstand verlangen.
      Btw., #abstand ist hoffentlich nicht dein Ernst - mache sowas mit CSS.
      Und allgemein solltest du IDs/Klassennamen sinnvoller wählen - nach der Bedeutung der Elemente, nicht nach der derzeit gewünschten Darstellung.

      MfG ChrisB

      --
      Light travels faster than sound - that's why most people appear bright until you hear them speak.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln