La struttura del sito è semplice ed è composta da 4 div principali ma il prb lo ho con i primi tre.
Nello specifico c'e':
div.menu
div.bannercentrale
div.centrale (che contiene)
[div.right (banner dx)
div.left (banner sx)
div.centro (contenuti)]
Il problema è la spaziatura orizzontale tra i 3, infatti nel css che allego vedrete che ho cercato di aggiustare la visualizzazione usando i margin-top che hanno però comportamenti differenti a seconda dei browser.
Così come sono impostati adesso vanno bene per IE ma se vedo i div in FF risultano separati.
#Bannercentrale {
width: 935px;
height:28px;
margin: 0 auto; /* Centra il div */
text-align: center;
}
#Menu {
width: 935px;
height:228px;
margin: 0 auto;
text-align: center;
background-image:url(Immagini/TestataHome.jpg)
}
#centrale {
width: 935px;
height:auto;
margin: 0 auto;
margin-top:5px; /*Evita che il menu vada sul div centrale Prb solo con IE7*/
}
#right {
float:right;
width:190px;
margin-top:6px;
height: 495px;
}
#left {
background: url(Immagini/SfondoMenuSX.jpg) no-repeat;
float:left;
width:189px;
margin:6px 0 0 0;
height: 495px;
}
#centro {
margin: 0 190px 0 189px;
/*padding: 10px 20px;*/
height:auto;
}
Spero che possa servire a risolvere perchè è brutto che l'aspetto del sito dipenda dal browser.

Rispondi quotando