Ho un div container di 509px,
come faccio ad inserire al suo interno 5 div di dimensione 100x100 uno difianco all'altro? (i 9 px rimanenti sono spartiti tra un piccolo div e l'altro)
Se poi diventano 6, il sesto va a capo sotto al primo e cosi fino al decimo, poi ancora a capoi e cosi via...
:master:
E` il comportamento standard dei float.
Pero` ricordati di mettere il clear alla fine (vedi ad esempio la pillola di fcaldera), altrimenti i blocchi piccoli non resteranno dentro il contenitore.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ho scritto questo:
Mi chiedo, se content è largo 509px e image 100px, come mai non ce ne stanno 5 in linea ma il quinto div lo manda a capo? dovrebbe andare a capo dal sesto o sbaglio?Codice PHP:<style type="text/css" media="all">
#content {
width: 509px;
height:280px;
text-align:left;
margin:0px ;
padding:0px ;
border-style:solid;
border-color:#FF9999;
clear:both;
float:left;
}
#image{
float:left;
width:100px;
margin-left:0px;
height: 100px;
float:left;
border-style:solid;
border-width:1px;
border-color:#FF0000;
}
</style>
</head>
<body>
<div id="content">
<div id="image"></div>
<div id="image"></div>
<div id="image"></div>
<div id="image"></div>
<div id="image"></div>
</div>
Forse dovresti fare un corso accelerato di aritmetica di prima elementare ...
O forse studiare il box model dei CSS.
L'immagine e` larga 102 pixel, e 102 X 5 fa 510: non ci sta in 509.
Nota che questi conti sono validi in tutti i browser compreso IE6 e IE7 in standard mode, ma non in IE quirks mode.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Dai proprio domani ho un'esame di analisi 3, credo che un pochino la matematica la conosco...
mi era solo sfuggito che ai 100px avrei dovuto aggiungerne 2 di bordo per lato, ora mi è chiaro...
grazie
Permessi di invio
Rispondi quotando