stala pozycja div'a Opcje

[kicaj]

Mam cos takiego:

[HTML] pobierz, plaintext 
<div id="a">
    <div id="a1"></div>
    <div id="a2"></div>
</div>
[HTML] pobierz, plaintext 

Zaleznie "od pogody" `a1` jest albo ukrywany albo widoczny.
`a` ma ustawiony vertical-align: top.

Problem polega na tym, jesli `a1` bedzie ukryte to `a2` powinno wskoczyc do gory, tak wlasnie sie nie dzieje, dlaczego?

[bela]

O cssie zapomniałeś :]

[kicaj]

O cssie zapomniałeś :]

Niee:) Chcialem propozycji:)

Ale podam:

[HTML] pobierz, plaintext 
<style>
div#a
{
    border:         1px solid #FF00FF;
    width:          150px;
    padding:        5px;
    vertical-align: top;
}
 
div#a1
{
    border:         1px solid #FF0000;
    visibility:     hidden;
    width:          100px;
    height:         100px;
}
 
div#a2
{
    border:         1px solid #00FFFF;
    width:          100px;
    height:         150px;
}
</style>
[HTML] pobierz, plaintext 

[revyag]

Problem leży w stylu visibility. Ukrywa element, ale fizycznie pozostaje on na swoim miejscu.
Zamiast tego użyj display.

Kod

div#a1
{
border: 1px solid #FF0000;
display: none;
width: 100px;
height: 100px;
}

[kicaj]

Banal...
Dzieki:)