ciao a tutti,
sto diventando pazzo con i div e i loro posizionamento...
Fino a quando testo al mia pagina sui browser della famiglia Mozilla/Gecko tutto bene, ma quando provo con IE sia Mac che Win..
un disastro...

dunque il layout è strutturato così:

codice:
+--------- ---------------+    
|             |                                 |      
|             |                                 |
+------+-----------------+
|                                               |   
+-------------------------+
|                       |                       |   
|                      +------------+
|                       |                       |  
|                      +------------+
|                       |                       |
|                       |                       |
|                       |                       |
|                       |                       |
+-------------------------+
questo è l'html:

codice:
<body>
	<div class="principale">
		<div class="bandaLarga">
			<div class="logo">
				[img]img/logo.gif[/img]
			</div>
		</div>
		<div class="bandaPiccola">
			
		</div>
		<div class="corpo">
			<div class="parteDx">
				<div class="menu">
					menu
				</div>
				<div class="centrale">
					centrale
					












				</div>
				</div>
			<div class="parteSx">
				<div class="news">
					news
					
























				</div>
			</div>
		</div>
	</div>
</body>
Questo è il CSS:

codice:
body {

	margin: 0px;
	background-color:#45443F;
	/*text-align: center;*/ /* barbatrucco per il bug di IE5*/
	font-family:verdana, arial, helvetica, sans-serif;

}

div.principale{
	margin: 20px auto;
	padding:0px;
	position: relative;
	width: 760px;
	
	background-color:#FBEEB9;
	border: 1px;
	border-style: solid;
	border-color: black;
	
	voice-family: "\"}\"";
    voice-family:inherit;
    width: 802px; /* the correct height */ 
}



div.bandaLarga{
	margin 0px;
	padding:0px;
	position: relative;
	top: 0px;
	left: 0px
	height: 150px;
	
	voice-family: "\"}\"";
    voice-family:inherit;
    height:150px; /* the correct height */ 
	
	text-align: right;
}

div.logo{
	margin 0px;
	padding:0px;
	position: relative;
	top: 76px;
	left: 25px;
	height: 82px;
	
	voice-family: "\"}\"";
    voice-family:inherit;
    height:82px; /* the correct height */ 
	
	text-align: left;
	vertical-align: bottom;
}

div.bandaPiccola{
	margin 0px;
	padding:0px;
	position: relative;
	top: 0px;
	left: 0px
	height: 15px;
	
	voice-family: "\"}\"";
    voice-family:inherit;
    height:15px; /* the correct height */ 
	
	background-color:black;
	text-align: left;
}

div.corpo{
	margin 0px;
	padding:0px;
	
	text-align: left;

}

div.parteDx{
	margin 0px;
	padding:0px;
	position: relative;
	top: 0px;
	left: 260px;
	width: 470px;
	height: 50px;
	
	voice-family: "\"}\"";
    voice-family:inherit;
    height:50px; /* the correct height */ 
	width: 470px;
	
	text-align: left;
	vertical-align: bottom;
	font-size:9px;
	font-weight:500;
	text-transform: lowercase;
	background-color:red;

}

div.menu{
	margin 0px;
	padding:0px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 470px;
	height: 50px;
	
	voice-family: "\"}\"";
    voice-family:inherit;
    height:50px; /* the correct height */ 
	width: 470px;
	
	text-align: left;
	vertical-align: bottom;
	font-size:9px;
	font-weight:500;
	text-transform: lowercase;
	background-color:#FF7F00;
}

div.parteSx{
	margin 0px;
	padding:0px;
	position: relative;
	top: -50px;
	left: 25px;
	width: 235px;
	
	voice-family: "\"}\"";
    voice-family:inherit;
	width: 235px;
	
	text-align: left;
	vertical-align: bottom;
	font-size:9px;
	font-weight:500;
	text-transform: lowercase;
	background-color:red;

}

div.news{
	margin 0px;
	padding:0px;
	position: relative;
	left:0px;
	top:0px;
	width: 235px;
	
	text-align: left;
	background-color:silver;

}

div.centrale{
	margin 0px;
	padding:0px;
	position: relative;
	left:0px;
	top:0px;
	width: 390px;
	
	text-align: left;
	background-color:magenta;

}
Aiutatemi, per favore, prima che prenda a calci il computer...

Thankz,

{AMK13}