Back to top

Autore Topic: Problema di visualizzazione  (Letto 1161 volte)

Offline computermod

  • Nuovo arrivato
  • *
  • Post: 6
  • Sesso: Maschio
    • Mostra profilo
Problema di visualizzazione
« il: 02 Feb 2009, 11:08:55 »
ragazzi sapreste spiegarmi x quale motivo il sito www.ivillaggiincalabria.it in firefox e crome si visualizza in modo corretto e in internet explorer 7 invece la barra si vede spostata????

vi posto anche il css grazie

html,body{
margin: 0px;padding:0px
}
body{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
div#contenitore{
   height: 94px;
   width: 969px;
   margin: 0 auto;
   borderwidth: 0 0px;
   borderstyle: solid;
   bordercolor: #ccc;
   backgroundcolor: #
0ff;
   background-color: white;
}
div#top{
   height: 105px;
   width: 965px;
   margin: 0 auto;
   borderwidth: 0 0px;
   borderstyle: solid;
   bordercolor: #ccc;
   backgroundcolor: #0ff;
   background-image: url(../images/villaggiincalabria_03.jpg);
}
#user1 table a:link, #user1 a:visited, #user1 a:active {
   color:#666666;
   text-decoration:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
#user1 table a:hover {
   color: #1E90FF;
}
div#user1{
   height: auto;
   width: 965px;
   margin: 0 auto;
   borderwidth: 0 1px;
   borderstyle: solid;
   bordercolor: #ccc;
   backgroundcolor: #
0ff;
   font-size: 16px;
   fontcolor: #818183;
   padding-bottom: 2px;
}
div#user2{
   float: left;
   height: 120px;
   width: 190px;
   margin-right: 5px;
   background-image: url(../images/villaggiincalabria_10.jpg);
   font-size: 13px;
   padding-top: 50px;
   padding-left: 10px;
   text-align: center;
}
.moduletablecerca th{
   color: #046cc0; /*bhooooooo :-P*/
   padding-bottom: 5px;
}
div#user3{
   height: 170px;
   width: 764px;
   margin-left: 205px;
   background-image: url(../images/villaggiincalabria_12.jpg);
   font-size: 13px;
   background-position: top;
   background-position: right;
}
div#contenitore2{
   width: 965px;
   height: 94px;
   textalign: left;
   backgroundcolor: #ff0;
}
div#sinistra{
   float: left;
   width: 200px;
   padding: 5px 0 0 0px;
   backgroundcolor: #ddd;
}
#sinistra table a:link, #sinistra a:visited, #sinistra a:active {
   color:#666666;
   text-decoration:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
#sinistra table a:hover {
   color:#1E90FF;
}
div#destra{
   float: right;
   width: 200px;
   padding: 5px 0px;
   backgroundcolor: #ddd;
}
#destra table a:link, #destra a:visited, #destra a:active {
   color:#666666;
   text-decoration:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
#destra table a:hover {
   color:#1E90FF;
}
div#contenuto{
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   margin: 5px 205px 5px 205px;
   backgroundcolor: #ccc;
   border: 1px solid #1E90FF;
   background-color: White;
}
#contenuto table a:link, #contenuto a:visited, #contenuto a:active {
   color:#666666;
   text-decoration:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
#contenuto table a:hover {
   color:#1E90FF;
}
div#piede{
   clear: both;
   textalign: center;
   padding: 5px 0;
   backgroundcolor: #6cc;
   color: #000;
}
.moduletable th{
    width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablemenu th{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablemenu{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 0px; /*allontana il modulo dalla parte superiore*/
   border: 1px #046cc0; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   padding-bottom: 5px;
}
.moduletablelogin{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 0px; /*allontana il modulo dalla parte superiore*/
   padding-top: 5px;
   padding-left: 5px; /*allontana il contenuto dal bordo sinistro*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_47.jpg);
   padding-bottom: 5px;
}
.moduletablecategorie th{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablecategorie{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 0px; /*allontana il modulo dalla parte superiore*/
   padding-top: 5px;
   padding-left: 5px; /*allontana il contenuto dal bordo sinistro*/
   border: 1px #046cc0; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   padding-bottom: 5px;
}
.moduletablealberghifoto th{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablealberghifoto{
   width: 198px; /*larghezza del modulo*/
   border: 1px #046cc0; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
}
.moduletablealberghirandom th{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablealberghirandom{
   width: 198px; /*larghezza del modulo*/
   border: 1px #046cc0; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
}
.moduletablealberghiscroll th{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablealberghiscroll{
   width: 198px; /*larghezza del modulo*/
   border: 1px #046cc0; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
}
.moduletablealberghihits th{
   width: 200px; /*larghezza del modulo*/
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   border: 0px outset #fff; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
.moduletablealberghihits{
   width: 198px; /*larghezza del modulo*/
   border: 1px #046cc0; /*particolare effetto dei css sui bordi*/
   color: #046cc0; /*bhooooooo :-P*/
}
.moduletablealberghiscroll2 th{
   width: 543px;
   margin-left: 0px; /*sposta il modulo verso sinistra*/
   margin-top: 5px; /*allontana il modulo dalla parte superiore*/
   margin-bottom: 5px; /*allontana il modulo dalla parte inferiore*/
   color: #046cc0; /*bhooooooo :-P*/
   background: url(../images/villaggiincalabria_15.jpg);
   padding-top: 5px;
   padding-bottom: 5px;
}
div#user5{
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   margin: 5px 205px 5px 205px;
   backgroundcolor: #ccc;
   border: 1px solid #1E90FF;
   background-color: White;
}
#user5 table a:link, #user5 a:visited, #user5 a:active {
   color:#666666;
   text-decoration:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
#user5 table a:hover {
   color:#1E90FF;
}
div#user4{
   margin: 5px 205px 5px 205px;
   backgroundcolor: #ccc;
   border: 0px solid #1E90FF;
   background-color: White;
}
div#user6{
   text-align: center;
   width: 964px;
   float: left;
   margin: 5px 0px 5px 0px;
   backgroundcolor: #ccc;
   border: 0px solid #1E90FF;
   color: #046cc0; /*bhooooooo :-P*/
   text-align: center;
}
.moduletablenewsletter1{
   float: left;
}
.moduletablenewsletter2{
   float: left;
}

Offline ellezero

  • Global Moderator
  • Abituale
  • *****
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re: Problema di visualizzazione
« Risposta #1 il: 02 Feb 2009, 11:29:51 »
ciao, prova ad aggiungere position absolute a user3

il problema imho e' che metti due div uno a fianco all'altro e che explorer non la vive bene...

boh, dimmi se la prova funziona altrimenti posteresti anche il pezzetto di html che comprende id=user3 e class=moduletablecerca ?
ciao ciao

 



Web Design Bolzano Kreatif