Status: Unconfirmed
Owner: ----
Labels: Type-Bug Pri-2 OS-All Area-Misc
New issue 18853 by princemb1987: padding , boder and width in css
http://code.google.com/p/chromium/issues/detail?id=18853
Chrome Version : 3.0.195.6 and all other versions
URLs (if applicable) :
Other browsers tested: IE 7 , IE8
Add OK or FAIL after other browsers where you have tested this issue:
Safari 4:
Firefox 3.x:
IE 7:OK
IE 8:OK
What steps will reproduce the problem?
1. this is about css when making a div and make style for it
2. if i set {width:100px; height:100px; padding:10px;}
3. this will cause the div width to be 120px and height to be 120px in the
browser
because it will add 10px padding from each side
4. if i set {border:1px sold #000000; width:100px;} this will cause the
width to be
102 in real shape
5. the only way to avoid this is to make to div's and set the first div
width to
100px and the inner one(the 2nd) will set the padding , margin and border
6. in IE i don't have to do all this
7. the border, padding must be calculated form the whole width or hight no
to be
added to it
8. even when i set max-height and max-width the problem is the same
i know if i own a 100m of land area and i'd lik to put some thing in it
with padding
20m .... i shouldn't put this thing in the whole 100m area then make 20m
from the
outer area to be it's padding and the same for the border i should make a
border
inside my area not around the 100m ....by this i'll take a small area of my
neighbors
area
i hope you under stand my view
i don't know if this is w3.org standers or not but it should be
--
You received this message because you are listed in the owner
or CC fields of this issue, or because you starred this issue.
You may adjust your issue notification preferences at:
http://code.google.com/hosting/settings
--~--~---------~--~----~------------~-------~--~----~
Automated mail from issue updates at http://crbug.com/
Subscription options: http://groups.google.com/group/chromium-bugs
-~----------~----~----~----~------~----~------~--~---
