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

[Polik]

no tak rzeczywiscie dziala (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ale pojawil sie jeszcze jeden problem. kiedy chce powiekszyc warstwe z diva tak zeby byla wieksza nik komorka w ktorej sie ona znajduje sama komorka tez sie powieksza. Jak zrobic aby komorka zatrzymala swoj rozmiar pomimo ze warstwa bylaby wieksza

licze na wasza pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[batman]

Komórka będzie się powiększać i za wiele na to nie poradzisz. Możesz ustawić pozycję div-a na absolute, wówczas nie będzie problemu z powiększaniem się komórki tabeli. Jednak wtedy, tak naprawdę ten div nie będzie się znajdował w tabeli. Nie do końca rozumiem dlaczego komóra nie może zmienić swojego rozmiaru.

[Polik]

Chodzi oto, ze mam do wyswietlenia 5 podstron. 3 z nich mieszcza sie w wyznaczonym miejscu w tabeli dwie pozostale podstrony chcialbym aby mialy wieksze wymiary niz komorka w ktorej sie znajduja. Komorka nie moze zmienic swojego rozmiaru gdyz psuje sie wtedy layout strony.

Z absolutem to nie za bardzo mi sie to widzi bo nie bede mial za dobrej kontroli nad pozycja tych dwoch warstw. Musialbym dla kazdej rozdzielczosci ustawiac ich pozycje. Czyli musze jakos to obejsc? Komorka bedzie sie powiekszac?

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

[Polik]

przebudowalem strone, dziala ladnie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

dziekuje za pomoc!