hannez: mozilla er ekennt eltern element nicht richtig

Beitrag lesen

SELF-Forum

mozilla er ekennt eltern element nicht richtig

hannez
– Informationen zu den Bewertungsregeln

morschen,

also ich habe folgenden code als css extern deklariert:
/* start of css */
#father {
 postion:absolute;
 width:702px; height:100%;
 background:#ee8800;
 border:1px solid;
 overflow: hidden;
}
#sister {
  float:left;
 width:100px; height:100%;
 overflow: hidden;
}
#mother {
 float:left;
 width:500px; height:100%;
 overflow: hidden;

}

#brother {
  float:left;
 width:100px; height:100%;
 overflow: hidden;

}

#navi {
  position:absolute;
 left:00px;
  top:110px;
 width:90px; height:250px;
 background:#FFFFFF;
 border:1px solid;
 overflow: hidden;
 font-weight : bold;
  text-align: center;
 font-size:25px;
}

#dates {
  position:absolute;
 left:10px;
  top:110px;
 width:90px; height:150px;
 background:#FFFFFF;
 border:1px solid;
 overflow: hidden;
 font-weight : bold;
  text-align: center;
 font-size:25px;
}

#header {
  position:absolute;
 left:00px;
  top:00%;
 width:500px; height:100px;
 background:#FFFFFF;
 border:1px solid;
 overflow: hidden;
 font-weight : bold;
  text-align: center;
 font-size:25px;
}
#whiteblock {
  position:absolute; left:00px;
  top:110px;
 width:500px; height:64%;
 background:#FFFFFF;
 border:1px solid;
 overflow: scroll;
  text-align: left;
 font-size:15px;
}
#bottom {
  position:absolute; left:00px;
 top:88%;
 width:500px; height:16px;
 background:#FFFFFF;
 border:1px solid;
 overflow: auto;
 text-align: right;
 font-size:10px;
}
/*end of css*/

und jetzt folgend html code:
<!-- start of html -->
<div id="father">

<div id="sister">
    <div id="navi">
  </div>
 </div>

<div id="mother">
    <div id="header">
       <img src="header.png"  width="500" height="100" alt="">
    </div>
    <div id="whiteblock">
    </div>
    <div id="bottom">
       &copy; by Stäufer 2005 (<a href="http://www.staeufer.de">www.staeufer.de</a>)
    </div>
 </div>

<div id="brother">
    <div id="dates">
  </div>
 </div>
</div>
<!-- end of html -->

nun stellt der aktuelle IE die page so dar wie sie sein soll, mozilla jedoch nicht, die <div>s mit den klassen father, sister, mother, brother sind an richtiger position, jedoch werden die elemente: header, white block, bottom, navi und dates halten sich cniht an ihre eltern teile die je sein sollten:
element:elternteil;
header:mother;
white block:mother;
bottom:mother;
navi.sister;
dates:brother;

link der page: http://www.staeufer.de/myhomepage/index.htm
link der css : http://www.staeufer.de/myhomepage/style/layout.css

help.
mfg.

Beitrag melden
–
Informationen zu den Bewertungsregeln