problema di allineamento div tra IE e Firefox

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

Dunque, il mio problema è il seguente.

CSS

codice:

#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;
			}

Questa è il layout della mia pagina HTML

codice:

....
<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>

Il riusltato che ottengo con Firefox sono i due div CONTAINER_1 e SPOT allineati, mentre con IE il div SPOT è posizionato in basso a destra rispetto al CONTAINER_1. Come mai?

Ecco uno screen per capirci:
http://win.neoborn.com/issue.jpg

Grazie mille ^_^

**thomas_anderson** · 07-10-2005, 20:14

E' perchè hai espresso una larghezza per l'elemento opposto all'elemento flottante. IE6 e IE5 hanno questo bug.

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

ho tolto la larghezza, ma il problema rimane :\

codice:

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

**thomas_anderson** · 07-10-2005, 20:28

L'elemento opposto l'hai posizionato ora con il margine sinistro a 600px. Togli anche il padding di 10px.

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

commentando il padding il risulato non cambia.
Se tolgo anche il margin SPOT finisce esattamente sotto CONTAINER_1

Discussione: problema di allineamento div tra IE e Firefox

Strumenti discussione

Ricerca discussione

Visualizza

problema di allineamento div tra IE e Firefox

Permessi di invio