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 :
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;}
i div son questi :
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
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".
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