Salve,
sto creando un semplice layout a due colonne.... nello spazio centrale, dominato da un container chiamato container2, dovebbe quindi uscire un largo spazio a sinistra ed un menu verticale a destra. ma nulla, mi risulta tutto un sopra l'altro.
allora la pagina è questa http://www.rifugionelsole.it/ita/contatti.asp
il foglio di stile:
Codice PHP:
/* CSS Document */
html,body{
margin: 0;padding:0; margin-top:0px; background-color:#f7f7f7;  
 font-family: arial,sans-serif;font-size: 76%;text-align: center;
}
/*stili container*/
div#container{ width: 760px; height:800px; margin: 0 auto;text-align: left; border:0px solid #ffd20a; background-color:#f8f7f6
      }
div#container2{float:left;height:600px; background-color:#f9f9f9; 
}
div#container3{float:left;width:540px; height:400px;  margin-top:5px;  
}


/*stili caratteri*/
h1 {color: #7ba64a; font-family:Arial, Helvetica, sans-serif; font-size:150%}
.nomemenu {color: #468206; font:bold 12px "Arial bold", Helvetica, sans-serif}
a.nomemenu {
    color: #5cb200;
    font:bold 12px "Arial bold", Helvetica, sans-serif;
    text-decoration: underline;
}
a.nomemenu:hover {
    color: #7ca64e;
    font:bold 12px "Arial bold", Helvetica, sans-serif;
    text-decoration: none;}
.vocimenu {color: #071062; font:10px  "Arial bold", Helvetica, sans-serif}

/*stili testata*/
div#testata{float:left; width: 760px; height: 130px; margin: 0 auto;text-align: left; background-color:#f7f7f7; border: 0px solid #000000;
      }
div#logo{float:left; width: 270px; height:130px; text-align: left; border: 0px solid #89afef; 
      }
div#banner{float:right; width: 470px; height:110px; margin: 10px 0 10px 5px; text-align: left; border: 0px solid #89afef;
      }


/*stili header e footer*/
div#header{color: #ff0; }
h1,h2{margin: 0;padding:0}
h1{
    padding-left:0.5em;
    font: bolder normal 2.3em/80px arial, serif;
    color: #7ba64a;
}
h2{color: #999;font-size: 1.5em}

div#footer{ float:left; width:760px; height:30px; border-bottom: 1px solid #384191; margin: 20px 0 20px 0; }

/*stili Interno pagina*/
div#random{float:left; width: 760px; height: 200px; margin: 0 0 10px 0;text-align: left; background-color:#f7f7f7; 
      }
div#divisore{float:left; width: 760px; height: 2px; margin: 0 auto;text-align: left; background-color:#384191;  margin-bottom:10px;
      }
div#introduzione{float:left; width: 300px; height: 130px; margin: 60px 0px 0px 16px; text-align: left;   color:#384191; font-family:  arial,sans-serif;font-size: 10pt; text-align:justify;
      }
div#menucasa{float:left; width: 260px; height: 300px; margin: 0 0 0 10px ;text-align: left;  border: 0px solid #89afef;
      }
div#cellamenu{float:left; width: 260px; height: 100px; margin: 0 0 0 0px ;text-align: left;  border: 0px solid #89afef;
      }
div#cellinamenu{float:left; width: 90px; height: 100px; margin: 0 10px 0 0px ;text-align: left;  border: 0px solid #89afef;
      }
div#menu2{float:left; width: 260px; height: 300px; margin: 0 0 0 10px ;text-align: left;   background-color:#eae6e6;
      }
div#menu3{float:left; width: 200px; height: 300px; margin: 0 0 0 10px ;text-align: left;  
      }
div#cellamenu3{float:left; width: 200px; height: 70px; margin: 0 0 5px 0px ;text-align: left;   background-color:#d1cfcf;
      }
div#cellinamenu3{float:left; width: 70px; height:70px; margin: 0; text-align: left;  
      }
id#contenente2{float:left; width:760px; height:700px; border:4px solid #000000; text-align:left}
id#centrale{float:left; width: 33px;   margin: 0 10px 5px 10px;  border:1px solid #000000;}
id#colonna{float:right;width: 29px;  margin: 0 10px 5px 10px;  border:1px solid #000000;} 
vi ringrazio tutti