[CSS] Div Sovrapposti

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

http://www.giochiniflash.com/esempio...ovrapposti.PNG

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

Più o meno così:

Codice HTML:

---

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

---

Citazione:

---

Originalmente inviato da saitfainder

Più o meno così:

Codice HTML:

---

<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??

Citazione:

---

Originalmente inviato da bastardofuori

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

---

Perché ho sbagliato, ma è il pensiero che conta :lol:

Citazione:

---

Originalmente inviato da saitfainder

Perché ho sbagliato, ma è il pensiero che conta :lol:

---

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)
:top:

Citazione:

---

Originalmente inviato da miralowebblog

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)
:top:

---

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...
http://www.giochiniflash.com/prova.png

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

http://img251.imageshack.us/img251/1863/immaginevm.gif

Citazione:

---

Originalmente inviato da miralowebblog

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...