Dunque, ho sempre lavorato con le tabelle... quindi diciamo che sono agli inizi con div... di seguito il codice che ho utilizzato per ottenere quello che voglio, c'è un modo per farlo senza intervenire con programmazione?
Codice PHP:
<style type="text/css">
<!--
body,html { height:100%;margin:0 }
#apDiv1 {
position:absolute;
width:239px;
z-index:1;
left: 98px;
top: 48px;
background-color: #00CC33;
}
#apDiv2 {
position:absolute;
width:200px;
z-index:2;
left: 318px;
top: 128px;
background-color: #333300;
}
#apDiv3 {
position:absolute;
width:200px;
z-index:3;
left: 353px;
top: 45px;
background-color: #333300;
}
#contenitore {
width:780px;
top: 0px;
position:relative;left:50%;
margin:-0px 0 0 -390px;
background-color:#CCCCCC;
}
-->
</style>
<div id="contenitore">
<div id="apDiv1">fdgghfghfh sdalkfj kldsjf lkòdsj flkdsòfjlkòsd jlkòsdjfdklsòjfsdklòa fjlkdsòjf
dsf ksdlòf ksdòf ksdfklòsdf
jlksdòf ksdòl fksdòfk sdfk sda
klòsd fksd kslòdafklsadfklò
sdaf ksdlòf klòsadkf àdk lò
sdasd
sadsad
sad
asd
asd
asdsa
das
dsa
das
das
d
asd
asd
asd
asd
as
sdklò fsdaklò fsdkfsd ks
ciao
ciao
ciao
ciao
asdfgsdfg
sdf
sdfs
dfsda
f
sdaf
sadf
asdf
asdf
asd
fasd
fsad
fasd
ciao
ciao
ciao
<? //cho $contenuto; ?></div>
<div id="apDiv2"></div>
<div id="apDiv3">io non centro niente con gli altri due</div>
</div>
<script>
e_altezza=document.getElementById("apDiv1").offsetHeight;
e_sinistra=document.getElementById("apDiv1").offsetLeft;
e_alto=document.getElementById("apDiv1").offsetTop;
e_larghezza=document.getElementById("apDiv1").offsetWidth;
f_altezza=document.getElementById("apDiv2").offsetHeight;
f_sinistra=document.getElementById("apDiv2").offsetLeft;
f_alto=document.getElementById("apDiv2").offsetTop;
f_larghezza=document.getElementById("apDiv2").offsetWidth;
//facciamo questo test, se il box non è in linea in altezza allora non riposizionarlo
if ((f_alto > e_alto) && ((f_sinistra > e_sinistra) && (f_sinistra < (e_larghezza+e_sinistra))))
{
document.getElementById("apDiv2").style.top = (e_altezza+e_alto)+'px';
}
</script>
grazie
francesco