[css] help!! per layout con css

**amok13** · 18-06-2004, 12:40

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}

**ericsteel** · 18-06-2004, 17:13

Non riesci a mettere un indirizzo http dal quale si possano vedere gli errori?
Così non è facile..
Ciao!

**WarriorXP** · 19-06-2004, 10:52

Ma

codice:

voice-family: "\"}\"";
    voice-family:inherit;

A che serve? Non l'ho mai usato...

**nickmadison** · 19-06-2004, 11:00

A che serve? Non l'ho mai usato...

dovrebbe servire per eludere il bug su IE5 che riduce lo spazio disponibile all' interno del DIV, se sono presenti bordi e padding.
Ho provato proprio ieri quel trucco....ma mi sembra che non funioni.

Discussione: [css] help!! per layout con css

Strumenti discussione

Ricerca discussione

Visualizza

[css] help!! per layout con css

Permessi di invio