Newsgroup: it.comp.lang.javascript
Titolo: posizione assoluta dal centro

ciao ng,
c'è per caso un modo per allineare (con i <DIV>)
immagini e altre cose ad una distanza in px dal centro ?
Capisco che potrei anche raccogliere le misure
del browser in delle variabili, calcolare le posizioni
che mi servono e poi posizionare tutto, però
quando qualcuno andrebbe a ridimensionare il browser
a pagina caricata diventerebbe uno schifo..
potrei forse anche far fare un reload ad ogni
ridimensionamento del browser, ma mi ricaricherebbe la
pagina da capo.. non va bene.
Se c'è un modo più pratico insomma,
sarò molto grato a chi me lo suggerisce :)
Grazie dell'attenzione.
ciao
massi
ps: forse parlando di <DIV> sono un po' ot.. scusate.. :>

 sarò molto grato a chi me lo suggerisce :)
Vai di relativo.
-- 
Ciao, Riccardo
------------------------------------------------------------------------
http://www.jsdir.com
  ---- Bring Your Site To Life!!!!
http://www.wmtools.it
 ---- WebMasterTools - Servizi per il tuo sito
http://www.dev2dev.it
 ---- La rete ha connesso nuove particelle - D2D006
------------------------------------------------------------------------
Per rispondere: togli i PUNTO .

Avevo anch'io un problema analogo (vedi il mio post del 10/3 centrare un
elemento div sulla pagina).
Ho risolto il tutto (dopo aver fatto approfondite ricerche)
in questo modo (tra l'altro compatibile con le specificche w3c)
metti intanto questa intestazione sulla pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
" xml:lang="en" lang="en">
(puoi cambiare il lang ovviamente)
definisci l'area body in questo modo:
<body style="text-align:center;margin:0px;">
(il margin non è necessario)
Se adesso inserisci un div ti verrà centrato, quindi puoi stabilite, per
esempio, un valore left:-20px per metterlo a 20 px dal centro (a sinistra)
Ricorda di inpostare text-align:left per il div, o un eventuale testo ti
verrà allineato al centro.
Ciao

 Se adesso inserisci un div ti verrà centrato,
Enno'. Solo su IE/Win :) E non e' certo il browser "punto di riferimento"
per gli standars del w3c. :)
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
"When you have eliminated the impossible, whatever remains,
however improbable, must be the truth." (S.H.)

 corretto.
Ho visto il sito che mi hai segnalato, e sinceramente non ho trovato molto
su questo argomento. Inoltre, se ben ricordi, il mio problema era quello che
con text-align mi si allineava un div su explorer e non su netscape. Con
questa intestazione invece funziona in tutte e due i modi.
Inoltre ho visto molti siti che spiegano appunto la tecnica del centramento
di div conforme alle specifiche w3c che usano questo metodo.
Ma se tu hai in mente qualcosa di + semplice e di + corretto non capisco che
difficoltà hai a postarla.

 difficoltà hai a postarla.
Sto solo contestando alcune affermazioni su gli standard w3c che non sono
vere.
Per un metodo piu' conforme agli standard W3C ti ho dato un sito dove
trovare tutto cio' che ti serve, basta uno sforzo minimo. Ovvero, cercare.


 trovare tutto cio' che ti serve, basta uno sforzo minimo. Ovvero, cercare.
Allora, tutorial presenti su 
constile.org
 :
1. Come formattare un articolo (non dice come centrare un div)
2. Dimensionare i caratteri con CSS (vedi sopra)
3. CSS e tabelle a confronto (vedi sopra)
4. Pagine pronte per la stampa con i CSS (vedi sopra)
5. Il box model di IE5/Win (vedi sopra)
6. Progettare con i CSS (anche in questo, che è l'ultimo tutorial nulla)
O hai un accesso diverso dal mio al sito o qualcosa non torna

 O hai un accesso diverso dal mio al sito o qualcosa non torna
No, semplicemente non leggi cio' che ti si dice con la dovuta attenzione.
Ti ho detto di "cercare". Se tu avessi "cercato" avresti trovato nel sito
il relativo tutorial. Io l'ho trovato, in circa 2 secondi. Ora, non mi pare
uno sforzo eccessivo.
Confido che se ci provi ci riesci anche tu.
Se proprio non ne fossi proprio capace ti postero' il link risultato dalla
ricerca.
Ti risottolineo, poi, che il "text-align" per centrare i div non e' affatto
secondo le specifiche del W3C; quindi un conto e' dire "questo e' metodo
che funziona sia su IE che su Gecko", un conto e' dire "e' conforme alle
specifiche w3c".
Non dico che il primo metodo non vada usato, quanto di non farlo passare
come "metodo conforme alle specifiche del W3C".


> No, semplicemente non leggi cio' che ti si dice con la dovuta attenzione.
Ho letto che hai parlato di tutorial... e i tutorial sono quelli che ti ho
elencato.
E' chiaro che se mi fai gurdare in una direzione non ho motivo di non
credere che ciò che cerco è in quella direzione.
Ovviamente, escludendo il menù tutorial l'ho trovato in 2 secondi anch'io
(sta sotto template)

 (sta sotto template)
Io ti ho detto di "cercare". Non di "vai sotto tutorial".
Per me "cercare" equivale quantomeno ad usare la ricerca interna del sito.
Ed io piu' che dirti di "cercare" per due volte, non saprei cos'altro fare.


 immagini e altre cose ad una distanza in px dal centro ?
Premesso che non ho letto nessuno del miliardo e mezzo di link
che sono stati segnalati (ma un giorno lo farò... :)),
la cosa è veramente semplice:
<div style="position:absolute; top: 50%; left: 50%; margin:50px 0 0 -70px}
blablabla
</div>
-70px indica la distanza x dal centro.
50px indica la distanza y dal centro.
Cambiali come meglio credi.
Se poi vuoi centrare, basta dare un valore di margin pari alla metà dell'oggetto.
MaRoK

 </div>
Ottimo!
Funziona perfettamente.. :D
grazie Marok, non ci stavo capendo un ca...
ciao
massi
ps: grazie anche agli altri ;p

 grazie Marok, non ci stavo capendo un ca...
ehehe figurati, è un piacere!
cmq nella fretta avevo fatto un errorino di battitura, correggo per i posteri:
<div style="position:absolute; top: 50%; left: 50%; margin:50px 0 0 -70px">
blablabla
</div>
MaRoK