clientWidth cross browser

[floyd]

document.getElementsByTagName('body').item(0).clie ntWidth
ho provato questa istruzione con ff2, ie7, ie6 e opera 9 e funziona sempre
avete idea se è abbastanza cross browser?
avrei bisogno di sapere se funziona con safari, camino, konqueror e tutti i browser più diffusi

[andr3a]

la più supportata, dai vecchi ai nuovi, è offsetWidth ... ed offsetHeight

[floyd]

qualcuno mi ha risposto
ho provato con offsetWidth, ma ritorna una larghezza diversa
clientWidth > larghezza della finestra escluse la barra di scorrimento
offsetWidth > larghezza della finestra compresa la barra
eccetto con ff con il quale è la stessa roba
a me attualmente serve la larghezza effettiva, la barra di scorrimento non è utile per spostare gli oggetti nella pagina
mi basterebbe sapere se questa soluzione funziona con i broser recenti (netscape 4 frega poco)
grazie

[andr3a]

allora ti server l'innerWidth ...
http://www.quirksmode.org/viewport/compatibility.html

[floyd]

sei un grande
ma cosa vuol dire strict mode?

[andr3a]

Originariamente inviato da floyd
sei un grande
ma cosa vuol dire strict mode?

dovrebbe essere la differenza da con e senza DOCTYPE (modo di default e modo strict, ovvero il browser è costretto a comportarsi seguendo gli stanrdards ... siccome parliamo di IE ... quale tragedia .... ma lasciamo stare flames va ... )

[floyd]

giusto
purtroppo provandolo ho scoperto che con opera si comporta male
mi tocca sistemarlo

pure con ie fa una cosa strana
document.getElementsByTagName('body').item(0).clie ntHeight esclude la barra solo se visibile
document.body.clientHeight include sempre la barra
ma porc ....... una cosa standard no eh?

[andr3a]

Originariamente inviato da floyd
....... una cosa standard no eh?

certo, ma devi far buttare via IE a tutti prima

[floyd]

riassumo, forse potrà servire nel futuro

                                          opera 9                 ie6                     ie7                     ff2
document.getElementsByTagName('body').    altezza area visibile   altezza area visibile   altezza area visibile   altezza area visibile
item(0).clientHeight                      (esclusa scrollbar)     (esclusa scrollbar)     (esclusa scrollbar)     (esclusa scrollbar)

document.body.clientHeight                altezza area visibile   altezza area visibile   altezza area visibile   altezza area visibile
                                          (esclusa scrollbar)     (esclusa scrollbar)     (esclusa scrollbar)     (esclusa scrollbar)

document.documentElement.clientHeight     altezza del rendering   0                       0                       altezza del rendering

self.innerHeight                          altezza area visibile   undefined               undefined               altezza area visibile
                                          (con scrollbar)                                                         (con scrollbar)

self.outerHeight                          ?                       undefined               undefined               ?

[andr3a]

self.outerHeight ... presumo altezza totale finestra browser ... o no ? :master: