[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]

Jeśli psuje się wygląd strony w zależności od zawartości, to znaczy, że źle jest ona zaprojektowana. Jeśli nie chcesz jej przebudowywać, możesz w komórce, w której znajduje się treść strony wstawić div-a o ustalonej wysokości i nadać mu styl overflow-x: scroll;. Dzięki temu jeśli coś będzie zajmowało więcej miejsca, wówczas pojawi się suwak do przewijania. Jeśli overflow-x nie będzie działać, użyj overflow.