CSS ile nesnelerimin yerini değiştirme

<div id="gallery">
<div id="nav"> Link Link </div>
<div id="output"> resim resim</div>
</div>

şeklinde bir kodum var bunlar göründüklerinde NAV divi OUTPUT divinin altında olmalı.
Bunu nasıl yaparım bilemedim. :/ :?

Alıntı: nssasmaz  

Link Link

resim resim

şeklinde bir kodum var bunlar göründüklerinde NAV divi OUTPUT divinin altında olmalı.
Bunu nasıl yaparım bilemedim. :/ :?

Göründüklerinde derken tam ne dediğini anlamadım ama ben sana 2 kısımda anlatmaya çalışayım
öncelikle bu nav ve output divi için birer css yazman lazım neden dersen bunların nerede olcağını bilmemiz lazım ki göründüklerinde yerlerini nasıl değiştirelim onun için
aşağıdaki verdiğim kodları head tagları arasına aynen yaz
<style type="text/css">
<!--
#gallery #nav {
position:absolute;
left:100px;
top:100px;
}
#gallery #output {
position:absolute;
left:100px;
top:125px;
}
-->
</style>
Bunları yapınca linkler veya divler nerede duracak onları ayarladık.
Diyelimki nav senin gonruntulemden kastını değilde ben tıklama ile olunca yerleri değişssin yapayım javascript sayesinde onu da yazalım bunu da head tagları arasına yaz
<script type="text/javascript">
function degis()
{
document.getElementById('nav').style.top="150px";
}
</script>
bunu da yazdıktan sonra
<div id="nav" onclick="degis();"> Link Link </div>
divine clikc olayı kısmını ekle

HEr türlü web progralama sorunlarınızda yanınızdayız.