Ciao a tutti, ho un problema con un layout fisso. Non riesco a capire perchè con il css che utilizzo il layout non è fisso. Quando infatti diminuisco le dimensioni della finestra browser, tutto esce dai suoi container e si sovrappone. Grazie ciao





@charset "UTF-8";
/* CSS Document */

body, html {padding:0px;
margin:0px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

a {text-decoration:none; color:#000}



div#header {
padding:70px;
margin:0;
margin-left:100px;
margin-right:100px;
background-image:url(non-cliccarmi.jpg);
background-repeat:no-repeat;
background-color:#FFF;
color:#FFF;
border-color:#000;}


div#navigation {padding:15px;
margin:0;
text-align:center;
margin-left:100px;
margin-right:100px;
border-left:solid 2px;
border-right:solid 2px;
border-color:#000;
background-color:#CCC;
border-top:solid 2px;}

div#navigation h2 {text-align:left;
border-bottom-style:solid;
color:#333;}

div#navigation p {text-align:left;}


div#fb-root {text-align:center;}


div#content {
margin-left:100px;
margin-right:100px;
border-right:solid 2px;
border-left:solid 2px;
margin-top: 0;
text-align:center;
margin-bottom: 0;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
background-color:#FFF;
padding-left:100px;
padding-right:100px;
border-color:#000;
background-image:url(sfondo-conatainer.jpg);
background-repeat:repeat-x;}


div#content img{
padding:transparent;
padding:10px;}





table {border:solid 2px; border-color:#000; background-image:url(sfondo-tabelle.jpg); text-align:justify; width:60%;}

div#footer {padding:20px;
margin:0;
text-align:left;
background-image:url(sfondo-footer.jpg);
color:#FFF;
margin-left:100px;
margin-right:100px;
border-color:#666;
background-repeat:no-repeat;
background-color:#FFF;
border-top:solid 2px;
border-color:#000;}