Как подружить Internet Explorer 6 и CSS-свойство margin?

« Предыдущая запись
 
  Следующая запись »
 

При вёрстке контейнерами (div'ами) иногда возникает проблема двойного отступа margin  – то есть, например, мы указываем отступ 10px, а в ie6 он отображается на все 20px. Проблема возникает в случае, когда контейнеру указано свойство float и в ту же сторону делается margin. Как решить эту проблему?

На самом деле всё очень просто. Есть два пути решения. Первый, возникающий сразу же – воспользоваться условными комментариями или css-хаками. Тогда код будет выглядеть как:

#divname {
float: left;
margin-left: 10px;
}
* html #divname { margin-left: 5px; }

А второй способ, который просто надо знать – правка идёт при помощи свойства display.

#divname {
float: left;
margin-left: 10px;
display:inline;
}

Вот и овцы сыты, и человеки целы. А что ещё для счастья надо?=)  (как что, вино красное, да бабу рыжую – прим.ред.)

,

1 звезда2 звезд3 звезд4 звезд5 звезд (голосов: 1, средний: 5.00 из 5)
Понравилась статья или журнал? Подписывайся на продолжение!
Отзывов: 2 на запись

"Как подружить Internet Explorer 6 и CSS-свойство margin?"

  1. пользуюсь вторым способом, через dislpay:inline

  2. согласен, гораздо удобнее и быстрее

Добро пожаловать, коллега! Вы можете оставить свой отзыв:





Допустимые XHTML-теги:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на комментарии