Ciao a tutti, ho un piccolo problema e provo a descriverlo:
Sto realizzando un sito e nella mia intestazione ho posizionato un;immagine float a sinistra eliminando bordo, margine e padding del div genitore. Firefox la visualizza correttamente, mentre IE (al momento uso la versione 7) mi lascia sempre 1px di bordo. Essendo il sito a dimensione fissa 800px di larghezza, mi fa sballare tutto il resto.
Forse e' un semplice bug di ie, ma un novellino come me non l'ha trovato!!!
AIUTO PLEASE!!!
Vi allego parte del codice.
HTML:
<body>
<div id="generale">
<div id="header">
[img]./img/banner0.gif[/img]
[img]./img/logohome.gif[/img]
<div id="menu_oriz">
[img]./img/menutmp_en.gif[/img]
</div>
</div>
[...]
CSS:
body {
text-align: center; /*risolve i problemi di IE per la centratura nella pagina */
margin: 0px;
padding: 0px;
}
div#generale { /* div che contiene tutto */
/*DIMENSIONI E POSIZIONAMENTO*/
width: 740px !important;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
/* BORDI*/
border: 0;
/* COLORI E SFONDO */
background-color: #A8ACB9;
}
div#header {/* div del titolo */
/*DIMENSIONI E POSIZIONAMENTO*/
/* BORDI */
border: 0;
border: none;
padding: 0px;
margin: 0px;
/* SFONDO */
background-color: #A8ACB9; /*corrisponde a un grigio */
}
#logo { /*logo in alto a sinistra della home*/
float: left;
width: 136px;
margin: 0px;
border: 0px;
border: none;
}
#banner{
float: right;
margin-left: -650px;
}
div#header img { /*tutte le immagini dell'header */
border: 0;
border: none;
padding: 0px;
}
div#menu_oriz{ /*contiene i menu orizzontali, temp una sola immagine*/
float: none;
margin-bottom: 0px;
}
[...]
Grazie anticipatamete a tutti
Rispondi quotando
