Allineare 3 Div all'interno di un Div contenitore

di Redazione 1

Con i css allinere 3 Div affianco uno affianco all’altro è molto semplice.
Nel nostro caso forniamo un esempio con un Div contenitore di 764px.

download source

Vediamo l’html

<div class=”contenitore”>
<div class=”divsx”></div>
<div class=”divcentro”></div>
<div class=”divdx”></div>
</div>

Vediamo il css

/* div contenitore*/

.contenitore {
width:764px;
margin: 0px auto;
clear: both;
height:240px;
background:url(../images/box.jpg) no-repeat; /* se vogliamo impostare un immagine di sfondo*/
}

.contenitore div{float:left;}

.divsx{
width:232px;
height:155px;
}

.divcentro {
width:300px;
height:155px;
}

.divdx{
width:232px;
height:155px;
}

Commenti (1)

  1. Grazie, era quello che cercavo 😉

Lascia un commento

Il tuo indirizzo email non verrà pubblicato.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>