CSS, absolute

Door gaahtt op 18-05-2009 18:32

431 views

Hallo,

Ik heb op dit moment een site waarbij alles uit boxes bestaat, dus alles staat los, een box ziet er bijvoorbeeld zo uit:

<div id="login_box">
<table cellpadding="0" cellspacing="0">
<tr><td background="images/header_login.png" width="315" height="27></td></tr>
<tr><td background="images/content_login.png" width="315"></td></tr>
<tr><td background="images/footer_login.png" width="315" height="5"></td></tr>
</table>
</div>

Met login_box geef ik de positie van de box aan, dit ziet er zo uit:

#login_box {
position: absolute;
top:125;
left:150px;
}

Maar ik wil een box boven de login box hebben als je je wachtwoord fout intyped. Dus die box is er niet altijd, maar omdat de positie absolute is is er geen plaats voor. Hoe zorg ik er voor dat ik die boxen kan verschuiven (absolute weg halen?)

Ik weet verder niet veel van opmaak talen af.

Niek Weevers

18-05-2009 18:36

Ik begrijp het eerlijk gezegd niet helemaal, maar met position absolute heb je juist het voordeel dat het element zweeft en dus geen last heeft van andere elementen en dus ruimte genoeg hebt.
Je kan het toch zo doen?


<div id="login_box">
  <div class="melding">Dit is de melding</div>
  <table>
  ...
  </table>
</div>

Je kan melding dus opmaken zoals je wilt. En melding wordt alleen getoond wanneer het moet.
Of zie ik je probleem verkeerd?

Mitchell

18-05-2009 19:01

Posities kan je bovenop posities plaatsen, kijk even naar "z-index".

Reageren

Inloggen om te reageren