Der folgende Beitrag wurde am 26. 07. 2005, 15:59 Uhr von hannez veröffentlicht.
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">
© 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.
Der folgende Beitrag wurde am 26. 07. 2005, 16:12 Uhr von wahsaga veröffentlicht.
hi,
> 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
ist dir bewusst, welchen bezugspunkt absolute positionierung nutzt?
ich vermute nicht.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Der folgende Beitrag wurde am 26. 07. 2005, 19:43 Uhr von hannez veröffentlicht.
> ist dir bewusst, welchen bezugspunkt absolute positionierung nutzt?
> ich vermute nicht.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
>
> gruß,
> wahsaga
richtig. habe fünf absolutes zu 5 relatives getüdelt, thx.
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4
