G gnolen Medlem sedan feb. 2005 3 inlägg Frågan 13 feb. 2005 17:45 #1 Hejsan,
Jag har ett litet problem när det gäller IE för mac. När jag gör detta(se nedan) så ärver 'barn' diven den absoluta positionen i IE mac! Hur kan jag undvika detta? Kan jag nollställa barnet på något sätt så att den inte ärver den?
Div:
<div class="pappan"><div class="barnet"></div></div>
CSS:
.pappan {position: absolute; left: 100px; top: 30px;}
.barnet {position: relative;}
Enkelt exampel av koden. Jag kan naturligtvis flytta 'pappan' diven men det fungerar inte i min design tyvärr.
Vore evigt tacksam för hjälp!
/ Gnolen
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Testa:
.pappan * { position: static; }
:)
G gnolen Medlem sedan feb. 2005 3 inlägg Tack för hjälpen Zcorpan men fortfarande problem tyvärr...
Ska jag sätta in den bara som där? Och inte istället för absolute? Testade att bara sätta in det i koden, men det blir fortfarande likadant i explorer(mac)! :o(
Detta är hur det ser ut mer precis:
HTML:
<div id="headerBlock"><div id="top"><div class="navbar">
\</div\>\</div\>
<div id="mainBlock">
<div id="footerBlock"></div></div></div>
CSS:
.navbar {
position: absolute; /* positionning for IE5 et IE5.5 */
left: 300px;
top: -7px;
}
#headerBlock {
position: relative;
margin: 0 auto;
width: 752px;
}
/* height: auto !important;
height: 408px;
min-height: 408px; */
#top {
position: relative;
width: 752px;
height: 84px;
background-color: #ffffff;
background-image: url(topbg.gif);
background-repeat: no-repeat;
background-position: 6px 6px;}
#mainBlock {width: 740px;
border: 6px solid #ffffff;
position: relative;
margin: 5px 0px;
background-color: #ffffff;}
#footerBlock {width: 740px;
border: 6px solid #ffffff;
height: 40px;
background-color: #77bfca;}
G gnolen Medlem sedan feb. 2005 3 inlägg Har nu provat att lägga diven utanför den befintliga layouten men det fungerar inte ändå!!!????