Div No A Capo

[diego]

Div No A Capo

Ho Bisogno Di Realizzare Più Div Che Stiano Uno Affinacato Al Altro

Ma Senza Un Contenitore Ossia Più Div Ci Sono Dovrebbe AllungarLE La Scroll Orrizzonatle

Esempio Con Immagini
<nobr>
Immagine Imagine
</nobr>

Ma Con I Div Non Funziona Potete Aiutarmi?

[dartfira]

Non vorrei dire una cretinata, ma credo che se non li metti in un altro contenitore non lo puoi fare.

[diego]

immaginavo ma volefo sapere se qualcuno aveve qualche lampo di genio

[laburno]

Ciao Diego,
puoi provare così:

• Imposti il* float:left;* per tutti i tuoi div.
• Crei un div che stia sotto tutti gli altri e che sia lungo quanto la lunghezza di tutti i div che gli stanno sopra, e gli dai clear:both;.

[diego]

@Laburno said:

Ciao Diego,
puoi provare così:

• Imposti il* float:left;* per tutti i tuoi div.
• Crei un div che stia sotto tutti gli altri e che sia lungo quanto la lunghezza di tutti i div che gli stanno sopra, e gli dai clear:both;.

non so pariori quanto sarà perchè è un data base che alimenta i div da affianacare

[laburno]

@diego said:

non so pariori quanto sarà perchè è un data base che alimenta i div da affianacare

Allora hai bisogno di un contenitore:

[html]
<div id="contenitore">
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
........
<div id="dn"></div>

<div class="clear"></div>
</div>
[/html]

#d1, #d2, #d3 ..., #dn { float: left;}
.clear { clear: both; width: 100%; }

[dartfira]

@Laburno said:

Allora hai bisogno di un contenitore:

[html]
<div id="contenitore">
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
........
<div id="dn"></div>

<div class="clear"></div>
</div>
[/html]```

#d1, #d2, #d3 ..., #dn { float: left;}
.clear { clear: both; width: 100%; }

Si può semplificare il css.

 #contenitore div { float: left;}
.clear { clear: both; width: 100%; }

Credo che lo devi impostare perforza così, anche perchè se viene popolato da un database, non sai che div verranno creati. Con questo css, tutti i div che si trovano nel contenitore avranno come attributo float: left;

[laburno]

@Dartfira said:

Si può semplificare il css.

> #contenitore div { float: left;}
.clear { clear: both; width: 100%; }
>```Credo che lo devi impostare perforza così, anche perchè se viene popolato da un database, non sai che div verranno creati. Con questo css, tutti i div che si trovano nel contenitore avranno come attributo float: left;

Ciao Dartifira (benvenuto!)
Float non è ereditabile, al limite si può fare aggiungendo la classe:

.elem { float: inherit; }

a tutti i div contenuti.

:ciauz: