div försvinner när positionerad absolut

ramo_and skrev:

Tjo,

Skall lägga position absolute på en div då jag vill styra position exakt på bilden jag har däri. Koden ser ut såhär:

[...]

<td class="twsupper">
  <div class="object_vertical object_customcontent">
    <div style="padding: 0px;" class="customcontent">
      <div id="shipping">
        <div id="shipping_inner">
          <img src="url till bild">
        </div>
      </div>
    </div>
  </div>
</td>

[...]

Och CSS:en

#shipping {
  position: relative;
}

#shipping_inner {
  position: absolute;
  top: 10px;
  left: 10px;
}

Så fort jag tar bort position relative på #shipping eller position absolute på #shipping_inner så syns bilden.. varför blir det så??

Kan ju vara bra att tala om för webbläsaren hur bred/hög #shipping_inner ska vara också. Testa det.

Har provat det.. hjälper tyvärr inte..

ramo_and skrev:

Har provat det.. hjälper tyvärr inte..

Märkligt. Har du nåt z-index som den hamnar bakom då?

Annars får du nog ladda upp hela sidan, all kod osv till en server och ge oss en länk, plus posta ALL källkod inkl. css, includes och allt annat. Ju mer du struntar i att ta med, ju mindre chans att nån hittar felet.

Red: Det KAN ju vara så att någon annan stil påverkar. Testa att lägga till "!important":

#shipping {
  position: relative!important;
}

#shipping_inner {
  position: absolute!important;
  top: 10px;
  left: 10px;
}

Fungera utmärkt för mig: http://jsbin.com/uquxel/edit#javascript,html,live

Vad har du mer för CSS på dina element?

Däremot om jag lägger in overflow: hidden på div:en som har position:relative så bli den ju "tom", men det är ju inte så konstigt då den inte innehåller något element "som tar plats" då du har absolut positionering på den:
http://jsbin.com/uquxel/2/edit

Jag hade overflow: hidden på en parent upptäckte jag... hehe.

Tackar för hjälpen