Joomla.it Forum

Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : tasto 05 Aug 2008, 14:45:20

: Moduli nascosti dai Div
: tasto 05 Aug 2008, 14:45:20
Sto utilizzando questo template PlanetBlunt001.
Se metto un modulo nella posizione user4 questo viene nascosto da header che si trova, graficamente, al di sopra.
Come posso invertire? cosa devo inserire nel css?
Il problema ovviamente è di IE
:
#suche {
margin: 0px;
padding: 0px;
width: 148px;
float: left;
background: url(../images/back_search.jpg) right top no-repeat;
padding-left: 5px;
padding-top: 25px;
vertical-align: middle;
}
: Re: Moduli nascosti dai Div
: = odino = 05 Aug 2008, 15:03:36
Il problema ovviamente è di IE

 :D

Prova a regolarti con l'attributo

:
... {
...
position:...;
...
}
: Re: Moduli nascosti dai Div
: tasto 14 Aug 2008, 13:46:36
ho invertito i div. ho messo prima quello che copriva e poi il coperto.
: Re: Moduli nascosti dai Div
: ivanaccio 21 Aug 2008, 11:09:24
Quando due o più blocchi (div) posizionati in modo relativo si sovrappongono, l'ordine di sovrapposizione è determinato dalla proprietà z-index, la quale ammette solo valori costituiti da numeri interi non negativi. I div con z-index maggiore coprono i div con z-index minore.

#box-1{
position:static;
border:solid;
padding:0.4em;
width:250px;
background-color:#eee;
color: #900;
}
#box-2{
position:relative;
z-index:20;
border:solid;
padding:0.4em;
left:8em;
top:1.3em;
width:200px;
background-color:#fafafa;
color: #900;
}
#box-3{
position:relative;
z-index:10;
border:solid;
padding:0.4em;
left:0.8em;
top:-1em;
width:300px;
background-color:#fafafa;
color: #900;
}

In questo esempio abbiamo tre div: uno posizionato in modo statico e due posizionati in modo relativo.
Tramite i valori assegnati alle proprietà top e left si verifica una sovrapposizione dei blocchi box-2 e box-3. In questo caso l'ordine di sovrapposizione è determinato dal valore numerico che abbiamo attribuito alla proprietà z-index. Il numero 10 sta ad indicare che il blocco box-2 deve apparire prima del blocco box-3 poichè il div con z-index maggiore copre quello con z-index minore.