- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Spostamento indesiderato del template
-
Spostamento indesiderato del template
Salve a tutti, ho realizzato un sito web con css, il problema sta che quando vado a cambiare pagina, cliccando su un'altra voce di menu, il template si sposta verso destra di qualche millimetro, infatti ci sono pagine dove rimane invariato e altre dove avviene questo brutto postamento indesiderato.
Mi sono accorto che se setto fissa la proprieta heigh (es 450 px) della classe .content il problema spariche, ma io devo usare la proprietà auto perchè non posso decidere a priori cosa andro' a mettere nel .content
Come posso ovviare a questo inconveniente?Posto il mio foglio di stile.
Grazie in anticipo.html,body {
font-family: Arial, Helvetica, sans-serif;
text-align:center; /IE/
font-size: 12px;
line-height: 24px;
/background-image: url(../bg_all.png);/
background-color:#F6F6F6;
background-position:top;
background-repeat:no-repeat;
color: #FFF;
height:auto;
}.container{
/border: 1px solid #047135;/
margin: 0 auto; /IE/
width: 1024px;
height: auto;
}#stage{
background-image: url(../image/stage.png);
background-repeat: no-repeat;
background-position: center;
width: 1024px;
height: 426px;
margin-top: 20px;
}#stage_testo{
height:auto;
margin: 0 auto;
margin-top: 20px;
}.stage_testo_class {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: justify;
color:#000;
font-size: medium;
}.content{
width: 1024px;
height: auto;
padding:0;
margin:0;
border:0;}
td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #330000;
}form {
background-color: #CCCC99;
}.title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 30px;
background-color: #990000; color: #FFFF66;
}.subtitle {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
line-height: 20px;
font-weight: bold;
color: #660000; font-style: oblique;
}.header {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #CCC;
height: 105px;
}#logo{
background-image:url(../image/logo.png);
background-repeat:no-repeat;
width:314px;
height:100px;
float:left;
margin-top: 3px;
}#menu{
font-size: 15px;
margin: 48px 0 0 0;
width: 673px;
float: right;
background-image: url(../image/bg_menu.png);
height: 33px;}
.stanghetta {
color:;
background-color:;
width: 2px;
height: 33px;
}ul{
margin:0px;}
li{
float: Left;
display: Inline;
width: 120px;
text-align:center;
height: 33px;
margin: 0;
padding-top: 3px;
/margin:auto;/}
.nav {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
border:40px;
}.navLink {
font-family: Arial, Helvetica, sans-serif;
/font-family: Georgia, "Times New Roman", Times, serif;/
font-size: 14px;}
a {
color:#FFF;
text-decoration:none;
outline:none;
}a:hover {
color:#FFF;
/background-color: #06F;/
}.sidebar {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
padding: 3px;
background-color: #FFFF99;
}.sidebarHeader {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 18px;
color:;
background-color: #999933;
font-weight: bold;
}.sidebarFooter {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
background-color:;
color:;
}#bg_footer{
width:1024px;
height:60px;
background-image: url(../image/bg_footer.png);
background-repeat: no-repeat;
float: left;}
.footer{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 9px;
font-weight: bold;
text-align: center;
padding-top: 5px;
}.footer a{
color:#000;
}.legal {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
color: #333333;
}.box1 {
/border:thin solid;/
font-size: 30px;}
#block{
width: 300px;
height: 100px;
float: left;
margin-right: 20px;
margin-left: 20px;
text-align: center;}
#blocker{
height: 100px;
width: auto;
margin-left: 15px;
margin-top: 5px;}
#in_block{
width: auto;
height: auto;
}.promo {
color: #999;
font-size: 16px;
line-height: normal;
text-align: justify;
}.titlebar {
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #FFFFFF;
background-color: #336699;
}.dingbat {
font-family: Georgia, "Times New Roman", Times, serif;
background-color:;
color:; font-weight: bolder; font-size: medium;
}input.big {
width: 100px;
}input.small {
width: 50px;
}.grassetto {
font-weight: bold;
}.corsivo {
font-style: italic;
}
.titolo_paragrafo {
color: #007134;
}
#dove_siamo{
width:250px;
height:300px;
float:left;
margin-right:20px;
}
.dove_siamo{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#000;
text-align:right;
}.dove_siamo a{
color:#000;
}#gallery{
width:500px;
height:460px;
float:left;
margin:auto 0;
margin-top: 20px;}
#gallery_descrizione{
width:500px;
height:430px;
margin: auto 0;
float:right;
margin-top: 20px;
}
.gallery_class{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
text-align:left;
color:#008D3F;}
hr{
color:#000;}
-
Con che risoluzione vedi il sito? Sei sicuro non sia dovuto alla comparsa della sidebar in alcune pagine ed in altre (più corte) no?