Ciao.ho realizzato questo sito http://www.sacrarte.com su un computer con unoschermo 15 pollici e lì mi si vede bene, ma su uno schermo da 17 ho notato che ilmenù slittain fondo! Sapete come risolvere il problema? Questo è il css:
body {
font-family:Comic Sans MS, Times New Roman, Verdana;
background-image:url(img/back.jpg);
background-position:center;
margin-bottom:30px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:14px;
}
h1 {
font-size:14px;
font-style:italic;
}
h3 {
font-size:18px;
font-style:italic;
}
p {
text-align:center;
padding:0px;
margin:10px 0px 0px 0px;
}
paragrafo {
padding:50px 0px 0px 0px;
}
#container {
margin:0px auto;
text-align:left;
width:800px;
height:auto;
background-color:#fbfbe2;
border:1px solid;
}
#header {
background-image:url(img/header.jpg);
width:800px;
height:170px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}
#cdx {
width:600px;
height:auto;
overflow:auto;
margin:0px 0px 0px 0px;
text-align:center;
float:right;
background-color:#fbfbe2;
}
#scritte {
border:1px solid;
width:160px; /*per cambiare riquadro img*/
height:auto;
text-align:center;
float:left;
margin:30px 30px 30px 0px;
}
#csx {
width:200px;
height:auto;
margin:0px auto;
text-align:right;
float:left;
}
#menu {
width:150px;
height:250px;
float:left;
margin:0px 0px 0px 20px;
}
#ricciolo {
width:150px;
height:150px;
background-image:url(img/ricciolo.jpg);
background-repeat:no-repeat;
margin:300px 30px 0px 0px;
}
#menu ol {
list-style-type:none;
font-weight:bold;
font-size:14px;
text-align:left;
padding:130px 0px 0px 0px;
margin:0px auto;
}
#menu ol li {
border:1px solid;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 50px 0px;
}
#menu ol li a{
text-decoration:none;
color:#000080;
}
#menu ol li a:hover {
text-decoration:none;
color:#1e90ff;
}
#gallery {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
img {
border:none;
}
#footer {
background-image:url(img/footer.jpg);
background-position:center;
background-repeat:no-repeat;
width:800px;
height:90px;
clear:both;
}
Grazie!
body {
font-family:Comic Sans MS, Times New Roman, Verdana;
background-image:url(img/back.jpg);
background-position:center;
margin-bottom:30px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:14px;
}
h1 {
font-size:14px;
font-style:italic;
}
h3 {
font-size:18px;
font-style:italic;
}
p {
text-align:center;
padding:0px;
margin:10px 0px 0px 0px;
}
paragrafo {
padding:50px 0px 0px 0px;
}
#container {
margin:0px auto;
text-align:left;
width:800px;
height:auto;
background-color:#fbfbe2;
border:1px solid;
}
#header {
background-image:url(img/header.jpg);
width:800px;
height:170px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}
#cdx {
width:600px;
height:auto;
overflow:auto;
margin:0px 0px 0px 0px;
text-align:center;
float:right;
background-color:#fbfbe2;
}
#scritte {
border:1px solid;
width:160px; /*per cambiare riquadro img*/
height:auto;
text-align:center;
float:left;
margin:30px 30px 30px 0px;
}
#csx {
width:200px;
height:auto;
margin:0px auto;
text-align:right;
float:left;
}
#menu {
width:150px;
height:250px;
float:left;
margin:0px 0px 0px 20px;
}
#ricciolo {
width:150px;
height:150px;
background-image:url(img/ricciolo.jpg);
background-repeat:no-repeat;
margin:300px 30px 0px 0px;
}
#menu ol {
list-style-type:none;
font-weight:bold;
font-size:14px;
text-align:left;
padding:130px 0px 0px 0px;
margin:0px auto;
}
#menu ol li {
border:1px solid;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 50px 0px;
}
#menu ol li a{
text-decoration:none;
color:#000080;
}
#menu ol li a:hover {
text-decoration:none;
color:#1e90ff;
}
#gallery {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
img {
border:none;
}
#footer {
background-image:url(img/footer.jpg);
background-position:center;
background-repeat:no-repeat;
width:800px;
height:90px;
clear:both;
}
Grazie!