Softlink

Да не в высоте дело. У меня изначально такой блок сидел глубоко в странице. Там и высоту и ширину переопределял, ничего не помогает.

Да решил вопрос старым способом, задал паддинги потомкам. С ними все хорошо отрабатывает. Можно попробовать с border-spacing еще поиграться(есть предположение, что будет работать исправно), но пока времени нет. Потом как-нибудь попробую.

Один из участников форума предположил, что паддинги для таблиц не свойственны, потому и может возникать такой баг. Но с другой стороны: 1) почему вертикальные паддинги влияют?; 2) в других браузерах все в порядке; 3) собственно, в самом хроме (15) под XP все нормально;

Всем привет. Сегодня столкнулся с одной особенностью. Если указать для родителя, у которого задан display:table вертикальные паддинги, то потомок( с display:table-cell) растягивается на ширину(!), бОльшую, чем 100% родителя. Соответственно, если убрать паддинги, то все становится хорошо. Наблюдается только в Хроме. Причем самое интересное, что смотрели на другой машине, там в Хроме все нормально. Но у нас разница в версиях браузеров и ОС, у меня v.16.. и W7, а там v.15.. и XP. Пример прилагаю http://alpatriott.ru/works/primer/width.html Посмотрите пожалуйста, у кого как отображается. Либо у меня Хром сломался либо это баг какой-то?

На здоровье. Я там ширину указал 25%, почему-то посчитав, что четыре ячейки в строке. Но это не критично, вам же все равно свою надо будет ставить.

Так http://jsfiddle.net/H6FkB/ ? А у самого-то что не получалось?

Как-то не совсем понятно. Вам надо чтобы слой тянулся во всю ширину колонок, но зафиксировать по центру. Обычно макеты с отцентрированным контентом встречаются именно с фикс размерами. По большому счету вам надо сделать отступы с флангов. Используйте вместо margin: 0 auto margin:0px 50px; или паддинг у родителей и ширину указывать не надо будет.

Я бы тут поспорил немного. Лично мое мнение такое, что ссылка хоть как-то должна реагировать на ховер. Вариантов по сути не много: убираем подчеркивание, выделяем цветом и выделяем фоном(не всегда подходящий вариант). Посему, убрать text-decoration не считаю чем-то зазорным. Можно вообще совместить это и с изменением цвета.

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

Неа. Ну и ладно.

1) не писать слишком длинные слова или ставить пробелы между ними 2) добавить overflow:hidden и выступающий за пределы блока текст обрежется 3) убрать white-space:nowrap; 4) задать word-wrap:break-word; 5) еще что-нибудь убрать или добавить

Судя по тому, что верстку комментируют, я подозреваю, что страница доступна, но у меня не открывается.

Я уже два дня не могу открыть ссылку вашу.

А добавьте там что-нибудь в коде или уберите. И все заработает, гарантирую.

1) в чем загвоздка во float? 2) можно сделать через inline-block

Если не жалко, дописывайте свой вариант решения. Вам же на форуме помогают, так почему бы не оставить подсказку для тех, кто наткнется на тему через поиск? PS: я подозреваю, что родителю со скругленными углами присвоили свойство overflow: hidden Overflow:hidden поможет, но это не самое лучшее решение. Я уже приводил раньше на форуме результат работы этого метода. В таком случае я скругляю углы родителю и потомкам.

А как сейчас у вас рассчитывается?

Ведь есть же примеры, как это сделать.

Nanto, покопайте в этом направлении.

C большой долей вероятности именно для js он и присвоен. А стили вряд ли висят на нем. На будущее. Код не забываем оборачивать в спец. теги, ага?

Можно так

Пардон за оффтоп. Артур как ушел к вам, так и на форуме перестал появляться. Работой по уши загрузили?

http://jsfiddle.net/U8nsx/

Если картинка важна как картинка, то в img, если нет, то можно и в фон затолкать. "Купить игру" сделать на абсолюте и либо через ргба фон, либо в фотошопе сделать полупрозрачный фон.

Странный какой глюк. А стили точно все выложили? Может там еще что-то есть, что переопределяет фон, не? p.s. селектор html>body улыбнул