salve. ho un problema (che fino ad adesso non mi si era mai capitato, con la logica che seguivo).
ho la necessità di mettere un div (chiamiamolo main) dentro a un altro div (contenitore).
dentro a questo div devo inserire altri div in posizione float.
il CSS è il seguente :
i div son questi :codice:div#contenitore{background-color:#FFFFFF; width:980px; margin-left:auto; margin-right:auto; font-weight:bold; font-size:14px; border:1px solid #0000FF;} div#main{width:980px; margin-bottom:30px; margin-top:30px;} div#news{width:950px; margin-left:30px; height:30px;} div#newsmenu1{width:600px; float:left;} div#newsmenu2{width:320px; float:left; margin-right:30px; text-align:right;}
il problema è che non funziona : i div newsmenu 1 e 2 con il float:left escono dal div news che li contiente, e vanno sotto. non trova quindi la "posizione".codice:<div id="contenitore"> <div id="main"> <div id="news"> <div id="newsmenu1"> bla bla bla1 </div> <div id="newsmenu2"> bla bla bla1 </div> </div> </div> </div
come devo fare? da quanto ho letto :
se sul primo elemento antenato non imposto niente (position=static di default) esso diviene il box contenitore, orientato rispetto ai margini che imposto per esempio. una volta che inserisco i div dentro a questo, i float prendono riferimento al contenitore in cui si trovano.
se devo dirla tutta, non ho mai utilizzato "position" e "top,right,left,bottom" ma sempre e solo float e margin-top/right/left/bottom... solo che in questo caso non sò perchè non funziona...
cordiali saluti

Rispondi quotando