Комментарии 43
используйте , пожалуйста
несколько флоат блоков, первый из которых непонятным образом растягивается по высоте..
2. Использование overflow:hidden (не работает в IE5-6)
кажется, все таки работает, если при этом еще задать явно width,
width: 100%;
кажется, все таки работает, если при этом еще задать явно width,
width: 100%;
float:left; + display:inline; вообще ересь и мракобесие...
Этот метод я использую всегда и считаю его лучшим.
НЛО прилетело и опубликовало эту надпись здесь
Видимо вы не понимаете о чем вообще идет речь. Float - одно из самых необходимых свойств используемых при верстке.
Да это все ясно!..
Дело совсем в другом.
По стандарту float: left; форсируется в display: block;! Поэтому такое совмещение этих свойств по меньшей мере малологично.
Дело совсем в другом.
По стандарту float: left; форсируется в display: block;! Поэтому такое совмещение этих свойств по меньшей мере малологично.
Понимаю, дикое сочетание, но это лекарство от ошибки IE, и ничего тут не поделаешь.
zoom: 1;
не помогает?
не помогает?
zoom - не W3C.
Ну и что? В IE6 это решает 80% всех ошибок, в IE7 - 40%.. Ну цифры эмпирические-примерные, но все же..
Расскажите поподробнее, каких именно ошибок? И я попробую рассказать, как их решить без zoom
Решать их без zoom не нужно, так как он исправляет конкретные ошибки конкретных браузеров.
Читайте:
http://www.satzansatz.de/cssd/onhavingla…
Читайте:
http://www.satzansatz.de/cssd/onhavingla…
не помогает, да и свойства такого нет в CSS.
В ИЕ мало чего логичного ;)
Довольно часто приходится использовать конструкции типа * html или _property.
Так же проблему с маргином решал через:
{
float:left;
margin-left:40px; // Normal
_margin-left:20px; // IE ;)
}
Попробуем с инлайном. Поставил бы плюс, если бы мог ;)
Довольно часто приходится использовать конструкции типа * html или _property.
Так же проблему с маргином решал через:
{
float:left;
margin-left:40px; // Normal
_margin-left:20px; // IE ;)
}
Попробуем с инлайном. Поставил бы плюс, если бы мог ;)
Тоже решение. Но а если margin-left:37px ;)
Угу, это основная математическая проблема =)
Вообще - спасибо за http://www.positioniseverything.net/, очень полезная штука.
Вообще - спасибо за http://www.positioniseverything.net/, очень полезная штука.
Я не думаю что это подходящий заголовок для статьи. Да и на статью не совсем тянет, если честно.
Это не ошибки, а CSS-верстка, которой посвящены целые сайты и книги, а вы хотите двумя абзацами и добавлением комментариев покрыть тему.
Это не ошибки, а CSS-верстка, которой посвящены целые сайты и книги, а вы хотите двумя абзацами и добавлением комментариев покрыть тему.
Удвоение полей в IE - это конкретная ошибка. А статью я хочу развить, и думаю комментарии должны в этом помочь.
Тогда переносите в Каскадные Таблицы Стилей
проблема1 - почемуто никогда не сталкивался,всеравно спасибо!
проблема2 - знаю еще одно решение
проблема2 - знаю еще одно решение
Этот сайт стоит знать:
http://www.positioniseverything.net/expl…
http://www.positioniseverything.net/expl…
спасибо, но мало. у меня есть более подробная статья. скоро выложу.
Вторая проблема решается
1. Ка выше писали overflow: hidden; + width
2. Заданию родительскому блоку float
Ваш способ сомнительный тем что приходиться из блочного элемента div делать строчный что действительно идет в разрез с идеологией блочных элементов, так что поддерживаю про ересь.
1. Ка выше писали overflow: hidden; + width
2. Заданию родительскому блоку float
Ваш способ сомнительный тем что приходиться из блочного элемента div делать строчный что действительно идет в разрез с идеологией блочных элементов, так что поддерживаю про ересь.
есть еще один способ - использовать CSS-хаки
пишем сначала свойство для IE,
а затем, сразу же за ним, свойство для Firefox'a, поставив перед ним (свойством) код html>body
пишем сначала свойство для IE,
а затем, сразу же за ним, свойство для Firefox'a, поставив перед ним (свойством) код html>body
есть нелогичность по поводу совместного использования двух свойств???
float:left; и display:inline;
так использовать можно и display: inline-block; - вроде логично, и проблему решает...
float:left; и display:inline;
так использовать можно и display: inline-block; - вроде логично, и проблему решает...
Спасибо! помогла мне очень ваша статья
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Публикации
CSS Bugs. Ошибки, возникающие при верстке