اضافه کردن Border

[water_lily_2012]

سلام
می خواهم هنگام اضافه کردن Border طول و عرض div تغییری نکند.
وقتی کد زیر اجرا می شود

border:1px ridge white;
طول و عرض div به اندازه 2 پیکسل بیشتر می شود.و من می خواهم ثابت بماند.
تشکر

[r4hgozar]

شما به div تون width میدین؟؟
خوب 2 پیکسل طول دایو رو کن کنین دیگه. خیلی سادس!!!!

[water_lily_2012]

سلام
خوب اگر کم کنم هم بهم میریزه باید همیشه همین اندازه باشه.مگر اینکه با اسکریپت در زمان اجرا بعد از اضافه شدن Border دو پیکسل کم کنم.
اما یه کار دیگه کردم یه Div داخل قبلی گذاشتم و برای اون Border قرار دادم و مشکل حل شد.

تشکر

[jalil_gh]

میتونید از box-sizing استفاده کنید.

div {
-moz-box-sizing:border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
این به مرورگر میگه که طول و عرض div رو نسبت به border حساب کنه (یعنی padding و border رو هم در نظر بگیره)