[JS][CSS] nalozyc na siebie divy Opcje

[Polik]

Witam!

Mam pewien problem. W dokumencie html umieszczam w tabeli divy.

[HTML] pobierz, plaintext 
<table>
 <tr>
  <td>	
  <div id="div_glowna">glowny
  </div>
 
  <div id="div_oferta">inny		
  </div>
  </td>
 </tr>
</table>
[HTML] pobierz, plaintext 

chce aby po kliknieciu na linka pojawil sie np. div_glowna a po kliknieciu na inny link pojawil sie w tym samym miejscu div_oferta. Wiec ustawilem parametry w css:

[HTML] pobierz, plaintext 
#div_glowna {
 position: relative;
 visibility: visible;
 left: 0; 
 top: 0;
 width: 50; 
 height: 50;
 clip: rect(0,50,50,0);
 background-color: #A2A2A2;	
}
 
#div_oferta {
 position: relative;
 visibility: visible;
 left: 0; 
 top: 0;
 width:50; 
 height:50;
 clip:rect(0,50,50,0);
 background-color:#A5A5A6;
}
[HTML] pobierz, plaintext 

jednak nie wyswietla mi sie to tak jak powinno, czego bym nie zrobil div_oferta zawsze jest ponizej div_glowna. probowalem zmieniac position na absolute ale divy i tak nie chcialy sie na siebie nalozyc, probowalem z z-index ale tez nie poskutkowalo

Prosze o pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[batman]

Zamiast visibility użyj display. Wówczas ukryjesz div-a, którego nie chcesz widzieć. A co do z-index, to działa on tylko na elementach pozycjonowanych absolutnie (position: absolute)