Position absolute

3 svar · 545 visningar · startad av Fuel 3 mars 2007

FuelMedlem sedan okt. 20001 285 inlägg

Frågan3 mars 2007 00:25#1

har återvänt till xhtml / css efter ett uppehåll, har fastnat..

position:absolute.. rättade det sig inte efter närmaste div ? mina positioneringar vill lägga sig i toppen av dokumentet inte i den div jag är i vilket jag vill.

head är 100%, head-inner är 960px och centrerad med auto marginaler, logo ska från kunna ligga varsomhelst i head-inner, h1 är hidden ( display:none; ) och h2 ska ligga i botten av head-inner och i kant med vänster sida av head-inner.

<div id="head">
<div id="head-inner">

<div id="logo">
</div>

<h1>
<a href="http://www.domain.se/">bah</a>
</h1>

<h2>
<?php echo "Jag ska till Roskilde 2007"; ?>
</h2>

</div>
</div>

zcorpanMedlem sedan dec. 20042 245 inlägg

3 mars 2007 01:45#2

Absolut positionerade boxar är relativa till deras "containing block", och det är det närmsta positionerade anfadern eller (om det inte finns något) webbläsarfönstret.

http://www.autisticcuckoo.net/arkiv.php?id=2004/12/07/relativt-absolut :stud

(Det finns ett fel i den artikeln: "I praktiken innebär [initial containing block] något av elementen BODY eller HTML", vilket kan enkelt testas att det inte stämmer genom att och ange position:relative på BODY eller HTML och positionera något med bottom:0.)

NiponMedlem sedan juli 2003270 inlägg

3 mars 2007 07:45#3

Med andra ord lägg till:

#head-inner { position: relative; }

så ska det lösa sig.

FuelMedlem sedan okt. 20001 285 inlägg

3 mars 2007 09:51#4

Bra, tack zcorpan! bra länk, egentligen ska ni dela på medaljen, men jag fuskade och gick direkt på Nipons tips innan jag läste länken :h så han fick bli den som löste fallet :D