[CSS] Div Sovrapposti

[bastardofuori]

Ciao ragazzi,
voi conoscete un metodo per disporre i div in maniera sovrapposta come nell'immagine qui:



Vorrei crearlo in modo che il testo contenuto nel div 1 non deve andare sotto il div 2 ma aggirarlo.
Spero di essermi spiegato...

[saitfainder]

Più o meno così:

<div style="overflow:auto"><div style="float:right">Div2</div>Div1</div>

[bastardofuori]

Più o meno così:

<div style="overflow:auto"><div style="float:right">Div2</div>Div1</div>

Cosa intendi con "Più o meno"?

Se il div2 lo voglio mostrare a sinistra perche' c'e' il float verso destra??

[saitfainder]

Se il div2 lo voglio mostrare a sinistra perche' c'e' il float verso destra??

Perché ho sbagliato, ma è il pensiero che conta

[bastardofuori]

Perché ho sbagliato, ma è il pensiero che conta

Ok, grazie mille..

Ma il problema reale era il posizionare il div 2 piu' o meno in mezzo al div 1, o comunque in basso facendo comparire alcune righe per intero nel div 1. Invece con il tuo codice il div 2 compare in alto e subito di fianco il div 1...

Spero di essermi spiegato...

Puoi fare cosi:

<div id="primo">
<div id="secondo"></div>
</div>

css:
#primo{width:100%; height:200px; background:#FF0000; }
#secondo{position:relative; top:10%; width:50%; background:#0033CC; height:100px;} (le altezze poi le cambi te il mio è un esempio)

[bastardofuori]

Puoi fare cosi:

<div id="primo">
<div id="secondo"></div>
</div>

css:
#primo{width:100%; height:200px; background:#FF0000; }
#secondo{position:relative; top:10%; width:50%; background:#0033CC; height:100px;} (le altezze poi le cambi te il mio è un esempio)

Ecco cosa da per risultato il tuo codice: senza testo il div 2 si mantiene in mezzo al div 1 mentre quando si inserisce molto testo nel div 1 il div 2 scende in basso...

Sicuro di aver incollato giusto? xkè a me da il risultato giusto, l'ho testato!

[bastardofuori]

Sicuro di aver incollato giusto? xkè a me da il risultato giusto, l'ho testato!

Certo che ho incollato giusto!
Ho anche spiegato che quando si inserisce molto testo nel div 1 il risultato cambia...