PDA

View Full Version : سوال: دفرم شدن باکسها در رزولوشن های مختلف_ایجاد مشکل از border:solid


block30
سه شنبه 23 اردیبهشت 1393, 20:30 عصر
سلام لطفا یه نگاه به این کد ساده بندازید با مرورگر های مختلف باز کرده و از ctrl - استفاده کنید این کد تو اینترنت اکسپلورر هیچ مشکلی نداره ولی تو مرورگرهای دیگه با تغییر رزولوشن باکس تغییر سایز داده و به خط بعد میره دلیلش هم استفاده از border:solid 1px #000000; تو کلاس box هست سوال من اینه چرا تو اینترنت اکسپلورر مشکلی نداره _ایا کدی هست از اون استفاده کنم این مشکل رفع بشه
_ممکنه دلیلش واسه عناصر پیشفرض که مرورگر ها استفاده میکنن باشه و با ریستر حل میشه؟؟؟

لطفا کمک کنید چون خیلی باهاش مشکل دارم.

http://www.uplooder.net/cgi-bin/dl.cgi?key=67ce78c9e6469fbea46f938c8d29ff9b



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>

.big-box{
width:281px;
height:100px;
border:solid 1px #000000;
}

.box{
width:50px;
height:90px;
border:solid 1px #000000;
float:left;
margin-left:4px;
background-color:#06A7E1;
}

</style>

</head>

<body>
<div class="big-box">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
block30
چهارشنبه 31 اردیبهشت 1393, 19:48 عصر
یعنی کسی پاسخ مشکلم رو نمیدونه؟؟؟!!
ab.ali
چهارشنبه 31 اردیبهشت 1393, 19:57 عصر
برای من توی هر دو تاش به هم ریخت دلیل اینکه با border به هم می ریزه اینه که خود border هم یک width داره به خاطر همین ج نمی شه می ریزه بیرون :لبخندساده:
block30
پنج شنبه 01 خرداد 1393, 09:17 صبح
میتونید واضح توضیح بدید و اینکه چطور میتونم از border:solid استفاده کنم و این مشکل رو نداشته باشم.
ab.ali
پنج شنبه 01 خرداد 1393, 09:55 صبح
نمی دونم ببخشید که کم کمک کردم:خجالت:
qartalonline
پنج شنبه 01 خرداد 1393, 11:34 صبح
میتونید به جای border از outline استفاده کنید.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>

.big-box{
width:281px;
height:100px;
border:solid 1px #000000;
}

.box{
width:50px;
height:90px;
outline:solid 1px #000000;
float:left;
margin-left:4px;
background-color:#06A7E1;
}

</style>

</head>

<body>
<div class="big-box">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
block30
پنج شنبه 01 خرداد 1393, 14:35 عصر
qartalonline عزیز کاملا درسته لطف بزرگی در حقم کردید همین سوال رو از خیلی ها پرسیدم هر کسی هم یه پاسخی داد ولی هیچکدوم پاسخ مورد نظر من نبود.

امیدوارم همیشه موفق و پیروز باشید بازم ممنون.:قلب::قلب::قلب: