Vi prego aiutatemi,
ho un layout creato con i css, ma ho un problema nel punto in cui 2 div vanno affiancati, uno a destra e l'altro a sinistra.
Non riesco a posizionarli allo stesso livello,
si sono nei lati scelti ma quello a destra sto sotto, alla distanza giusta...
come se li avessi messi in diagonale :master:
vi posto il css
i div sono inseriti nell'ordine in cui compaiono nel css
HTML,BODY{margin: 0;padding:0;font-size: 100%;}
BODY{text-align: center;}
IMG{ border:none;margin:0px;padding:0px}
/*contenitore*/
div#contenitore{
width: 750px;
margin: 0 auto;
padding: 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
line-height: 17px;
background:#ffffff;
border: 1px solid #FF9933;}
/*logo*/
div#header{
padding:0px;
margin:0px;
}
/*menu istituzionale*/
div#navigazione{
padding:0px;
margin:0px;}
div#navigazione ul{list-style-type: none;margin: 0px;padding: 0px;}
div#navigazione li{
float:left;
text-align:left;
padding: 0px;
margin:0px;
width:186px;w\idth:187px;/width:187px;
}
/*briciole*/
div#briciole{
float:left;
background-image:url('../img/briciola.gif');
margin: 0px;
padding: 2px;
text-align: left;
width:746px;w\idth:746px;/width:746px;}
/*menu servizi*/
div#servizi{
text-align:left;
margin-right: 555px;
padding:0px;}
div#servizi ul{list-style-type: none;margin: 0px;padding: 0px}
div#servizi li{
padding:0px;
height:20px;
width:184px;w\idth:184px;/width:184px;border: 1px solid #CCCCCC;clear:both;}
/*contenuto*/
div#contenuto{
float: right;
width:555px;w\idth:555px;/width:555px;
background: #FFFFFF;
text-align: left;
color: #666666;margin:10px}
div#contenuto ul{list-style-type: none;margin: 0;padding: 0}
div#contenuto li{
background-color: #FFFFFF;
text-align: left;
padding: 5px;
color: #666666}
/*foot con menu*/
div#foot2{
width:750px;
color:#ffffff;
background-color:#cccccc;
text-align:center;
font-size:10px;
margin:0px;
padding:0px;clear:right}
/*footer*/
div#foot{
width:750px;
color:#ffffff;
background-color:#3366CC;
text-align:center;
margin:0px;
padding:0px;
clear:right
;
}
grazie
Rispondi quotando
