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