Sovrapporre due DIV

**shock_estremo** · 07-10-2011, 01:20

Ho due immagini che devono sovrapporsi:

questo è il mini html:

codice:

<body> <div id="lampade">[img]img/lamp.png[/img]</div> <div id="pannello">[img]img/pannello.jpg[/img]</div> </body>

questo è il css:

codice:

#lampade { 
height: 100%; 
width: 600px; 
position: relative; 
margin-top: auto; 
margin-right: auto; 
margin-bottom: auto; 
margin-left: auto; } 

#pannello { 
margin: auto; 
height: 100%; 
width: 700px; 
position: relative; 
z-index: 20; }

ho messo z-index ma non succede nulla. Comunque le "lampade" devono scendere leggermente verso il pannello!

Grazie!

**k4osz** · 07-10-2011, 10:52

codice:

[img]./001.gif[/img]
[img]./002.gif[/img]
[img]./003.gif[/img]

Cerca su google è pieno zeppo!

**shock_estremo** · 07-10-2011, 11:10

Ovviamente ho cercato ma purtroppo anche immettendo lo z index non ci sono riuscita, per questo ho scritto sul forum ed ho messo il mio esempio!

attendo, grazie

**k4osz** · 07-10-2011, 11:17

Prova il codice che ti ho postato e fammi sapere.

**shock_estremo** · 07-10-2011, 11:22

Perfetto a sovrapporre si sovrappongono. Solo che ora non mi mette entrambi gli elementi a centro pagina. Prima avevo messo il tutto in margin "auto" e mi si posizionava al centro verticalmente, come posso fare?

Grazie!!!

**NicolòRiba** · 17-08-2013, 15:29

codice:

<div style="margin: 0">
   Qui metti le tue due immagini nei loro div
</div>

Così funziona?

**Mich_** · 19-08-2013, 16:10

Forse shock ha risolto o ha cambiato strada ...

Non ha senso rispndere a discussioni vecchie di due anni

Discussione: Sovrapporre due DIV

Strumenti discussione

Ricerca discussione

Visualizza

Sovrapporre due DIV

Permessi di invio