Internet Explorer e margini inesistenti...

**GoldEmish** · 22-03-2006, 20:42

Ciao a tutti,
ho questo codice html:

codice:

<style type="text/css">
<!--
body {
	margin:0px;
}
#top1 {
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:543px;
	height:42px;
	float:left;
	line-height:42px;
	margin:0px;
}
#top2 {
	background-image: url(images/top2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:42px;
	float:none;
	line-height:42px;
	margin:0px;

}
#bottom1 {
	background-image: url(images/bottom.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:20px;
	line-height:20px;
	float:none;
	margin:0px;
}
#bottom2 {
	background-image: url(images/bottom2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:186px;
	height:20px;
	line-height:20px;
	float:right;
}
-->
</style>
</head>

<body>
<div id="top1"></div><div id="top2"></div>

<div id="bottom2"></div><div id="bottom1"></div>

</body>
</html>

tra i 2 div top e i 2 div bottom c'è un margine bianco... perchè?
La cosa divertente è che su Firefox non c'è, su Internet Explorer si.
Perchè? Grazie

**mexican** · 23-03-2006, 10:01

prova a mettere top-margin:0px

**fcaldera** · 23-03-2006, 10:18

potrebbe essere il problema chiamato "3 pixel jog" oppure il problema del raddoppio dei margini sugli elementi flottati

fai una ricerca su http://positioniseverything.net/

Ciao

**GoldEmish** · 23-03-2006, 11:39

penso fosse il prob del 3px...
cmq ho risolto per via non proprio ortodossa... ho incapsulato un div dentro l'altro.

Discussione: Internet Explorer e margini inesistenti...

Strumenti discussione

Ricerca discussione

Visualizza

Internet Explorer e margini inesistenti...

mmmm

Permessi di invio