IEvsFirefox: margin e padding

**LostCore** · 07-10-2005, 20:56

Qualcuno riesce a spiegarmi perché

codice:

			#newsrow{
				width:180px;
				margin:0px 0px 0px 7px;
				padding:3px 0px 0px 3px; 
				float:left;
			}

Produce questi due effetti diversi?
Screen: http://win.neoborn.com/issue2.jpg
Sembra che IE e Firefox usino due diverse unità di misura...

Grazie mille ^^

**awd** · 07-10-2005, 23:36

ma che versione di firefox è quella?
cmq è un po' vaga l'indicazione

**LostCore** · 09-10-2005, 10:57

Questo è il mio CSS:

#container_ext{
width:730px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: left; /*ripristina l' allineamento del testo*/
}

#spot{
width:150px;
margin:0px 0px 0px 600px;
padding:0px 0px 0px 10px;
}

#container_1{
width:600px;
float:left;
}
#header{
}
#container_2{
}
#container_3{
background-image:url(imgs/imgs_standard/body.jpg);
padding: 0px 0px 0px 0px;
}
#newsrow{
width:180px;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 18px;
float:left;
}
#content{
width:370px;
margin:0px 0px 0px 212px;
padding:3px 3px 0 3px;
}
#footer{
clear:both;
height:36px;
}

La mia pagina :

....
<body>

<div id="container_ext">

<div id="container_1">

<div id="header">
.....
</div>

<div id="container_2">

<div id="container_3">

<div id="newsrow">
......
</div>

<div id="content">
....
</div>

<div id="footer">
[img]imgs/imgs_standard/fine.jpg[/img]
</div>
</div>
</div>

</div>

<div id="spot">

</div>

</div>
</body>
</html>

**Mich_** · 10-10-2005, 09:20

Probabilmente si tratta del noto bug di IE, per cui il padding fa parte di width e height, mentre nei CSS standard questo non e` vero.

Discussione: IEvsFirefox: margin e padding

Strumenti discussione

Ricerca discussione

Visualizza

IEvsFirefox: margin e padding

Permessi di invio