3 DIV affiancati

[Mauro gol]

Scusate se l'argomento è stato trattato tante volte, però ci devo riuscire... posto il codice css e l'html della pagina, se avete voglia di dare uno sguardo

div.menu_prodotti { 
	width: 760px;
	height: 300px;
	display: block;
	border: 1px solid #CCCCCC;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	visibility: visible;
}

div.menu_prodotti_antifurto { 
	width: 250px;
	height: 300px;
	margin: 0px;
	visibility: visible;
        float: left;
}

div.menu_prodotti_antincendio { 
	width: 250px;
	height: 300px;
	margin: 0px;
	visibility: visible;
	float: right;
}

div.menu_prodotti_automazione { 
	width: 250px;
	height: 300px;
	margin: 0px;
	margin-left: 250;
	margin-right: 250;
	visibility: visible;
}

<div class="menu_prodotti">
<div class="menu_prodotti_antifurto">mauro</div>
<div class="menu_prodotti_automazione">mauro</div>
<div class="menu_prodotti_antincendio">mauro</div>
</div>

[Mauro gol]

niente ?

non voglio usare le tabelle!

[blur]

prova così:


div.menu_prodotti {
width: 760px;
height: 300px;
display: block;
border: 1px solid #CCCCCC;
margin: 0px;
margin-left: auto;
margin-right: auto;
visibility: visible;
}

div.menu_prodotti_antifurto {
width: 250px;
height: 300px;
margin: 0px;
visibility: visible;
float: left;
}
div.menu_prodotti_antincendio {
position:relative;
width: 250px;
height: 300px;
margin: 0px;
visibility: visible;

}


div.menu_prodotti_automazione {
width: 250px;
height: 300px;
margin: 0px;
margin-left: 250;
margin-right: 250;
visibility: visible;
float: right;

}

[Mauro gol]

non va...

hai messo il float: right nel div dove ce impostato il margin-left, margin-right a 250px, sicuro ?

cmq se non riesco imposto la pagina a sinistra e lavoro con il position, left e right, può andare bene uguale no ?

[blur]

allora prova così, l'ho testato con ie e firefox.
cmq è da sistemare:


div.menu_prodotti {
width: 760px;
height: 300px;
display: block;
border: 1px solid #CCCCCC;
margin: 0px;
margin-left: auto;
margin-right: auto;
visibility: visible;
}

div.menu_prodotti_antifurto {
width:30%;
float:left;
min-width:190px;
background:#fff;
height:30px;

background:red;
}
div.menu_prodotti_antincendio {
float:left;
width:40%;
min-height:30px;
position:relative;
height:auto!important;
height:30px;
background:blue;

}


div.menu_prodotti_automazione {
float:right;
width:30%;
background:#fff;
height:30px;
background:green;
}

[Mauro gol]

blur

Ci sono riuscito!

ho risolto con qualche modifica al primo codice che hai postato!

ciao e grazie