div 1 pixel di troppo!

[sygy88]

Ciao sto inpazzendo!

Allora ho la mia pagina strutturata con un div a sinistra dove ci deve andare il mio logo, e a sinistra c'è un'altro div che contiene tutti gli altri vari div "header, footer, contenent!" ecc..

in poche parole ho fatto questo css

/* CSS Document */
/* GENERALI */
html,body{margin:0; padding: 0}
body {
	background-color: #DD82CC;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat-x;
}

#pagina {
	width: 700px;
	height: 347px;
	background: #FFFFFF url(../images/header_bg.png) no-repeat;
	margin-left:200px;
}

#logo {
	width: 200px;
	height: 347px;
	background: #FFFFFF url(../images/logo_solo_bg.png) no-repeat;
	float: left;
	margin-right:0px;
}

adesso i 2 div principali "logo" & "pagina" (contenitore dei vari header , footer") devo essere attaccati perchè il logo che è messo come img di sfondo del div "logo" deve coincidere perfettamente con i bordi di un'altra img che ho messo come sfondo nel div "header" ( che è contenuto in "pagina"

adesso con firefox l'unificazione avviene senza problemi! ma con Ie 6 no! praticamente tra il div logo & il div pagina mi mette 1 px di spazio che non riesco a far levare! ho provato sia amettere padding che margina a 0px ma nulla! Ie mi stacca il div a sinistra di 1 px!
vi alleggo un'img del problemino!

Mi potreste dare un piccola mano?

[sandro010489]

Anche a me succedeva una cosa del genere, prova cosi: ioo l'ho risolto:

html,body{margin:0; padding: 0}
body {
	background-color: #DD82CC;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat-x;
}

.pagina {
	width: 700px;
	height: 347px;
	background: #FFFFFF url(../images/header_bg.png) no-repeat;
	margin-left:196px;
}

.logo {
	width: 200px;
	height: 347px;
	background: #FFFFFF url(../images/logo_solo_bg.png) no-repeat;
	float: left;
	margin-right: -3px;
}

[sygy88]

Scusa del ritardo! cmq grazie del consiglio! ho risolto come hai consigliato tu!

Ho dovuto fare delle piccole modifiche alle img di background xke con quel codice andava benissimo in Ie ma con firefox mi spostava a sinistra il div di 3 pixel! Xo ho risolto allargando le img di background di 3 pixel!

Guarda un pò il risultato con i 2 browser! io penso che vada bene! la differenza della visualizzazione della pagina nei 2 broser è solo di 3 pixel! e penso che sia molto accetabile no??
www.arem2004.com

Ho provato anche con opera e il codice non da problemi! con Flock dato che ha lo stesso motore di firefox rende uguale a lui!

[sandro010489]

Perfetto allora

[GiovanniP]

in ie quando ad un box float segue un altro box di cui é assegnata almeno una delle grandezze questi viene spostato di 3 pixel rispetto al box precedente, indipendentemente dal margin.
una soluzione é di assegnare al box sfasato la proprietà float (se non ricordo male)