CSS Bugs. Ошибки, возникающие при верстке

[@Kuzma]

используйте , пожалуйста

[@Kuzma]

habracut

[@butuzov]

несколько флоат блоков, первый из которых непонятным образом растягивается по высоте..

[@Mailo]

подробнее, пожалуйста

[@butuzov]

если будет время вечером выложу тестовый кодинг чтоб заценили...
а сейчас увы времени мало.

[@nuclon]

2. Использование overflow:hidden (не работает в IE5-6)

кажется, все таки работает, если при этом еще задать явно width,
width: 100%;

[@Mailo]

Да, действительно. Интересно, а в чем логика...

[@shergin]

float:left; + display:inline; — вообще ересь и мракобесие...

[@Mailo]

Этот метод я использую всегда и считаю его лучшим.

[@Mailo]

Видимо вы не понимаете о чем вообще идет речь. Float - одно из самых необходимых свойств используемых при верстке.

[@shergin]

Да это все ясно!..
Дело совсем в другом.
По стандарту float: left; форсируется в display: block;! Поэтому такое совмещение этих свойств по меньшей мере малологично.

[@Mailo]

Понимаю, дикое сочетание, но это лекарство от ошибки IE, и ничего тут не поделаешь.

[@flamefork]

zoom: 1;
не помогает?

[@shergin]

zoom - не W3C.

[@flamefork]

Ну и что? В IE6 это решает 80% всех ошибок, в IE7 - 40%.. Ну цифры эмпирические-примерные, но все же..

[@Mailo]

Расскажите поподробнее, каких именно ошибок? И я попробую рассказать, как их решить без zoom

[@flamefork]

Решать их без zoom не нужно, так как он исправляет конкретные ошибки конкретных браузеров.
Читайте:
http://www.satzansatz.de/cssd/onhavingla…

[@Mailo]

не помогает, да и свойства такого нет в CSS.

[@flamefork]

Читайте:
http://www.satzansatz.de/cssd/onhavingla…
очень полезная статья

[@pho3nix]

В ИЕ мало чего логичного ;)
Довольно часто приходится использовать конструкции типа * html или _property.
Так же проблему с маргином решал через:

{
float:left;
margin-left:40px; // Normal
_margin-left:20px; // IE ;)
}

Попробуем с инлайном. Поставил бы плюс, если бы мог ;)

[@Mailo]

Тоже решение. Но а если margin-left:37px ;)

[@pho3nix]

Угу, это основная математическая проблема =)
Вообще - спасибо за http://www.positioniseverything.net/, очень полезная штука.

[@CurlyBrace]

Я не думаю что это подходящий заголовок для статьи. Да и на статью не совсем тянет, если честно.

Это не ошибки, а CSS-верстка, которой посвящены целые сайты и книги, а вы хотите двумя абзацами и добавлением комментариев покрыть тему.

[@Mailo]

Удвоение полей в IE - это конкретная ошибка. А статью я хочу развить, и думаю комментарии должны в этом помочь.

[@CurlyBrace]

Тогда переносите в Каскадные Таблицы Стилей

[@Mailo]

Я тут первый день, подскажите как :)

[@CurlyBrace]

Присоединитесь к блогу CSS, нажав на шнур рядом с названием, вернитесь в свою тему, нажмите на ключик в заголовке и в подменюшке "куда запостить" выберите CSS. Затем нажмите на "Опубликовать" ;)

[@never_again]

а там нет ни одной темы или я просто не могу их увидеть?

тоже недавно и пока не очень разбираюсь(

[@CurlyBrace]

Я только создал :) Будут темы

[@Mailo]

там нет ни одной темы :(

[@CurlyBrace]

Это временно ;)

[@never_again]

проблема1 - почемуто никогда не сталкивался,всеравно спасибо!

проблема2 - знаю еще одно решение

[@never_again]

сама ссылка - http://www.positioniseverything.net/easy…

чет неполучилось вставить

[@jahson]

Этот сайт стоит знать:
http://www.positioniseverything.net/expl…

[@Mailo]

Тоже, что и у меня в статье только по анг. :)

[@lautsevich]

спасибо, но мало. у меня есть более подробная статья. скоро выложу.

[@basic]

Вторая проблема решается
1. Ка выше писали overflow: hidden; + width
2. Заданию родительскому блоку float

Ваш способ сомнительный тем что приходиться из блочного элемента div делать строчный что действительно идет в разрез с идеологией блочных элементов, так что поддерживаю про ересь.

[@anaheim2by]

есть еще один способ - использовать CSS-хаки

пишем сначала свойство для IE,
а затем, сразу же за ним, свойство для Firefox'a, поставив перед ним (свойством) код html>body

[@anaheim2by]

Это на случай того, когда под разными браузерами расположение элементов на странице отличны

[@zealous]

есть нелогичность по поводу совместного использования двух свойств???
float:left; и display:inline;

так использовать можно и display: inline-block; - вроде логично, и проблему решает...

[@zealous]

упс... не про то написал... в данном случае display: inline-block; проблемы не решает...

сори... задумался... о своем... текущем...

[@PRSO]

Спасибо! помогла мне очень ваша статья