[NabiKAZ]

رفع مشکل حاشیه دوبرابر در IE

سلام ،

زمانی که از margin:100px برای یک div استفاده میکنید. در FF همون فاصله 100px رو از حاشیه اعمال میکنه اما در IE به اشتباه دو برابر این مقدار یعنی 200px رو اعمال میکنه !!!
میتونید کد زیر رو در IE و FF مقایسه کنید:

.floatbox {
  float: left;
  width: 150px;
  height: 150px;
  margin: 5px 0 5px 100px; 
  /*This last value applies the 100px left margin */
  }

برای اینکه در FF و IE به صورت یکسان و حاشیه صحیح نمایش داده شود.
کافیست که از display: inline; استفاده نمائید.

یعنی کد تکمیل شده بالا بدین صورت خواهد شد:

.floatbox {
  float: left;
  width: 150px;
  height: 150px;
  margin: 5px 0 5px 100px; 
  display: inline;
  }

امیدوارم مفید بوده باشه

منبع

نبی