Crossbrowser element dimensions

[Gabriele Farina]

Hi,

I'd like to know where I can find some informations on how to retrive
element dimensions in a cross browser whay. Until now I used
offsetWidth and offsetHeight, but I know their are not standard and
they have a different behaviour on different browsers. I need a way
that includes also margins, padding and eventually border size. I know
I have to deal with doctypes, but my javascript knowledge is not so
advanced.

There is any ready to use library or anyone interested in helping me ?

Gabriele

[RobG]

Gabriele Farina wrote:

Hi,

I'd like to know where I can find some informations on how to retrive
element dimensions in a cross browser whay. Until now I used
offsetWidth and offsetHeight, but I know their are not standard and
they have a different behaviour on different browsers. I need a way
that includes also margins, padding and eventually border size. I know
I have to deal with doctypes, but my javascript knowledge is not so
advanced.

There is any ready to use library or anyone interested in helping me ?

Poke around <URL:http://www.quirksmode.org/>
--
Rob

[Matt Kruse]

Gabriele Farina wrote:

I'd like to know where I can find some informations on how to retrive
element dimensions in a cross browser whay. Until now I used
offsetWidth and offsetHeight, but I know their are not standard and
they have a different behaviour on different browsers. I need a way
that includes also margins, padding and eventually border size.

offsetWidth and offsetHeight are not standard properties, but they are well
supported in many browsers and include padding and padding, but not margin
(why would you want to include the margin?).

Otherwise there is no reliable way to get the size of an element, because
CSS can be used with units other than pixels. For example:
DIV {
border-left:10em;
border-right:10%;
padding:2in;
}
Trying to find the outer dimensions of that DIV by inspecting CSS values is
going to get you nowhere.

--
Matt Kruse
http://www.JavascriptToolbox.com
http://www.AjaxToolbox.com

[Gabriele Farina]

Ok, thanks.

I think I'll use only offsetWidth and offsetHeight. The behave well on
quite all the browsers my application have to support.

Gabriele