Position Absolute & Static

[zampa28]

Ho un div che ne contiene altri.
I div contenuti hanno tutti position=absolute.
Se il div contenitore ha position = absolute tutto OK, ma se lo cambio in static mi viene tutto spostato in alto a sx.
Stesso problema se imposto position = Fixed.

Che faccio?

PS: Il tutto mi serve per un controllo utente realizzato in .net, quindi il posizionamento del div contenitore lo deve decidere l'utente.

[Francis87]

la MSDN library mi dice ke position ha come valori possibili: static, absolute, e relative

http://msdn.microsoft.com/library/de...s/position.asp

i div all'interno hanno posizione absolute rispetto lo skermo, non rispetto il loro contenitore. quindi se dai un valore a static, mi sembra giusto ke ti succeda quello.

cerca ke i valori top e left (o bottom, right) dei div contenuti in quello principale siano interni a quello madre....

capito?

[zampa28]

Originariamente inviato da Francis87
... i div all'interno hanno posizione absolute rispetto lo skermo, non rispetto il loro contenitore...

Che io sappia invece la posizione absolute si riferisce al contenitore ed in assenza di esso alla pagina.

Conferme?

[Shores]

La absolute si riferisce al div contenitore: solo che IE ha un bug fastidioso che fa si che gli unici contenitori che considera sono quelli con position:relative...

Controlla anche di stare usando la doctype giusta, quella che fa andare IE in standard mode e non in quirks mode.

[Francis87]

Originariamente inviato da zampa28
Che io sappia invece la posizione absolute si riferisce al contenitore ed in assenza di esso alla pagina.

Conferme?

ok

static Default. Object has no special positioning; it follows the layout rules of HTML.

absolute Object is positioned relative to parent element's position—or to the body object if its parent element is not positioned—using the top and left properties.

relative Object is positioned according to the normal flow, and then offset by the top and left properties.

[zampa28]

quindi ho ragione io? :master:

[Shores]

Non so dove Francis abbia preso la sua reference, ma dal w3c:

http://www.w3.org/TR/CSS21/visuren.html#choose-position

Risulta ben diversa la specifica, e dà ragione a me e a te...

Comunque, se vuoi risolvere, è sufficiente che tu dia position:relative a tutti i div contenitori di quelli posizionati absolute e vedrai che anche IE farà il bravo!

[Francis87]

Originariamente inviato da Shores
Non so dove Francis abbia preso la sua reference, ma dal w3c:

http://www.w3.org/TR/CSS21/visuren.html#choose-position

Risulta ben diversa la specifica, e dà ragione a me e a te...

Comunque, se vuoi risolvere, è sufficiente che tu dia position:relative a tutti i div contenitori di quelli posizionati absolute e vedrai che anche IE farà il bravo!

ho anche postato il link.....
MSDN Library

[zampa28]

Originariamente inviato da Shores
Controlla anche di stare usando la doctype giusta, quella che fa andare IE in standard mode e non in quirks mode.

Cioè?

Qundi sencondo te devo fare una cosa del genere:

<Div Style="Position:Absolute|Static">
<Div Style="Position:relative">
<Div Style="Position:Asolute">
Pippo
<Div>
<Div>
<Div>

Forse ho capito male.

[Shores]

Mah, appunto MSDN significa MicroSoft Developer Network, e MicroSoft non è certo un ente che fa gli standard...

Ed è IE a non essere aderente agli standard, quindi è meglio scrivere codice standard e poi correggerlo per ie, non il contrario!



Comunque, esplicitando il position:relative in tutte le div il problema non c'è più...

Per zampa: basta che nel CSS dici:

div {position:relative;}

in modo che tutte le div a cui non hai esplicitamente dato un position diverso siano posizionate relative.

Ciao!