Potreste dirmi come fare in modo che i div siano in colonna l'uno sotto all'altro senza dover usare "top= 123px "?
Questa è la parte html :
mentre questo il css :codice:<div id="right"> <div id="stats"> <ul>[*]Le Tue Statistiche Totali:[*]Totali 1_______#NUM[*] Totali 2___#NUM[/list] </div> <div id="liv"> <ul>[*]I tuoi valori:[*]VALORE 1______________#NUM[*]VALORE 2_______________#NUM[*]VALORE 3_____________#NUM[/list] </div> <div id="vota"><h2>Vota :</h2> IMMAGINE <form name="vota"> <select name="voti" size="1"> <option selected value="">1 <option value="">2 <option value="">3 <option value="">4 <option value="">5 </select> <input type="submit" value="Invia Voto" /> </form> </div> <div id="altro">PROVA</div> </div>
Vedete proprio quest'ultima riga ?codice:#right {position:relative; float:left; width:240px; height:600px; margin-right:0px; overflow: auto;} #stats{position:absolute; background:url(Images/tab-trasp.png); font-size:13px; font-weight:bold; width:210px; padding:5px; color:#cccccc} #stats ul {list-style-type:none; display:inline} #stats ul li{padding-bottom:15px; margin-top:-5px} #liv{position:absolute; top:110px; background:url(Images/tab2-trasp.png); font-size:13px; font-weight:bold; width:210px; padding:5px; color:#cccccc} #liv ul {list-style-type:none; display:inline} #liv ul li{padding-bottom:15px; margin-top:-5px} #vota{position:absolute; top:250px; width:220px; background:url(Images/tab-trasp.png)} #vota h2{font-size:16px; color:#cccccc; font-weight:bold; width:190px; padding:0 10px} #vota p{font-size:12px; color:#316565; font-weight:bold; width:190px;padding:0 5px; line-height:14px;} #vota img {margin-left:15px;padding-bottom:8px;border:none;} #vota form {margin:5px 40px;} #vota input{background:url(Images/vota.png) no-repeat; border:0; color:#cccccc; font-size:14px; font-weight:bold;} #altro{position:absolute;top:750px; color:#cccccc; font-weight:bold; padding:5px}
Se toglo position:absolute;top:750px la scritta PROVA mi va a finire sopra a tutto.
Ma se lascio così, nel caso in cui la parte di sopra si allarghi, si va ad accavallare tutto.
Come rimediare ?

Rispondi quotando