soluzione al "3 Pixel Jog" bug di IE

[awd]

Premetto: la soluzione la cerco, non la do!

Di questo argomento ne avevo già ampiamente parlato in un'altra discussione tempo fa: http://forum.html.it/forum/showthrea...hreadid=819257
ora mi trovo a doverlo risolvere in una mia pagina!

Ho cercato in rete le soluzione, eccone alcune che ho consultato:
http://pro.html.it/articoli/id_525/i...pag_2/pag.html
http://www.positioniseverything.net/...reepxtest.html
ma non sono riuscito a risolvere!
Gli esempi presi in questione sono un po' diversi dalla mia situazione che ho estrappolato in questa pagina
non ho paragrafi affiancati ma div (che ho dovuto ridurre per riuscire ad affiancare)

mi aiutate?

[awd]

come risolvo?

per fortuna i miei sfondi sono tutti uguali quindi non si vede lo stacco, però vorrei riuscire ad ottenere una soluzione uguale per tutti i browser!

[GunraY]

guarda, non ho letto, ma non si può risolvere col margin negativo? o utilizzando gli hack del tipo
div#quelchevuoi{proprietà:7px}
body>div#quelchevuoi{proprietà:10px}

?

[pacovox]

Esatto, una cosa tipo questa sembra andare:

body {
	background-color: #999;
}

div#header {
	background: #e00;
	width: 750px;
	height: 80px;
	margin: 0;
	padding: 0;
}

div#logo {
	background: #fff;
	width: 112px;
	height: 80px;
	margin-right: 0!important;
	margin-right: -3px;
	padding: 0;
	float: left;
}

div#intestazione {
	background: #eee;
	height: 50px;
	padding: 0;
}

div#menu {
	background: #aaa;
	height: 30px;
	padding: 0;

[awd]

Originariamente inviato da pacovox
Esatto, una cosa tipo questa sembra andare:

body {
	background-color: #999;
}

div#header {
	background: #e00;
	width: 750px;
	height: 80px;
	margin: 0;
	padding: 0;
}

div#logo {
	background: #fff;
	width: 112px;
	height: 80px;
	margin-right: 0!important;
	margin-right: -3px;
	padding: 0;
	float: left;
}

div#intestazione {
	background: #eee;
	height: 50px;
	padding: 0;
}

div#menu {
	background: #aaa;
	height: 30px;
	padding: 0;

buona l'idea, però non va...ma forse forse ci sto arrivando...

[awd]

ecco la soluzione, l'aggiunta di questo pezzo che viene letto solo da IE:

/* hack per 3 Pixel Jog di IE */

* html div#logo {
  margin-right: -3px;
  }
* html div#intestazione {
  height: 1%;
  margin-left: 0;
  }
* html div#menu {
  height: 1%;
  margin-left: 0;
  }

l'avevo già fatto ieri ma stupidamente non avevo indicato DIV davanti all'ID
ora è a posto, spero possa servire anche a qualcun'altro
grazie a tutti per la collaborazione

[pacovox]

http://www.pacovox.it/temp/awd/
Certo che va!

[awd]

Originariamente inviato da pacovox
http://www.pacovox.it/temp/awd/
Certo che va!

a me no

[pacovox]

Con quale browser?

[awd]

Originariamente inviato da pacovox
Con quale browser?

IE ovviamente, visto che stiamo parlando di un suo bug! sia la versione 5 che 6