I am using jquery to determine the width of the control:-
$("#div1").width();
There is a difference in width of the div between IE8 (in compatibility view) and Firefox. Width is not same.
e.g ie : 1887 FF : 1898
How to tackle it?
views:
42answers:
1
+1
A:
I guess the difference between the browsers' display exists because of their different perceptions of the CSS box model. The IE does interprete it another way than Firefox does (e.g. the padding property is treated differently).
Marius Schulz
2010-06-15 15:15:05
@Marius: Thanks that makes sense. Can you just tell me how padding is treated differently....?
Novice
2010-06-15 15:21:48
This might help explain the difference in the box model between IE and other browsershttp://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-did-internet-explorer-get-the-box-model-right/
Catfish
2010-06-15 15:23:04
Short version: Early versions of the IE took account of the padding in the `width` property whereas Firefox did / does not. For further information, see the video Catfish posted.
Marius Schulz
2010-06-15 15:36:04
Thanks both. It helped actually.
Novice
2010-06-15 15:43:50