Come mettere un DIV absolute in un DIV static ?

**stakkit** · 28-09-2010, 12:16

Ciao a tutti!!
Ho un piccolo problema.

Ho creato un div container all'interno del body e all'interno di questo div ho creato tre div dando loro position:absolute. Solo che quando muovo il div container gli altri div non si muovono pur essendo all'interno di questo div al quale ho dato position:static.
Cosa ho sbagliato? Per favore mi potete aiutare?! Grazie mille!!!

Ecco un esempio del codice:

codice:

<html>
   <head>
               <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
               <div id="container" >
                 |   <div id="top"></div> 
                 |   <div id="right"></div> 
                 |   <div id="left"></div> 
              </div>
   </body>
</html>

codice:

body {           background:#000; 
}

#container  { width:600px;
                      height:600px;
                      position:static; 
}
#top  {           width:200px;
                      height:200px;
                      position:absolute;
                      top:xxx;
                      right:xxx;
}
#right  {           width:200px;
                      height:200px;
                      position:absolute;
                      top:xxx;
                      right:xxx;
}
#left  {           width:200px;
                      height:200px;
                      position:absolute;
                      top:xxx;
                      right:xxx;
}

**codencode** · 28-09-2010, 12:24

Regola: un elemento si posiziona relative o absolute rispetto al primo elemento contenitore che abbia posizionamento diverso da static.
Quindi i tuoi div non si posizionano absolute rispetto al div container perchè questo ha posiotion static.

**stakkit** · 28-09-2010, 13:50

Originariamente inviato da codencode
Regola: un elemento si posiziona relative o absolute rispetto al primo elemento contenitore che abbia posizionamento diverso da static.
Quindi i tuoi div non si posizionano absolute rispetto al div container perchè questo ha posiotion static.

Quindi cosa dovrei fare?!
dovrei togliere position:static al div container?
ma anche se lo tolgo rimane comunque static perchè è di default!

io NON voglio dare al div "container" l'elemento position:absolute. Perchè voglio che rimanga fisso come il body e non varia da browser a browser, così gli altri div che stanno all'interno del div container non escano fuori. Hai capito cosa voglio dire?

Non c'è una soluzione vero?

**codencode** · 28-09-2010, 14:13

Una soluzione c'è (quasi) sempre. Basta capire bene cosa bisogna fare.

**ResianTaxidrive** · 28-09-2010, 17:23

dai al container position:relative

Discussione: Come mettere un DIV absolute in un DIV static ?

Strumenti discussione

Ricerca discussione

Visualizza

Come mettere un DIV absolute in un DIV static ?

Permessi di invio