psywalker

Обман зрения, не? Неа Он шире, да. Но влияние на размер блока и визуальные размеры - это разные вещи. Грубо говоря, тень подвешена на абсолюте Ааа, теперь ясно, о чём ты. Спасибо.

Softlink, Погоди, но смотри. Если делать просто вот так, то нижний блок (с тенью) почему-то становится шире верхнего, и именно слева. http://jsfiddle.net/pQwQL/3/

Держи http://jsfiddle.net/Softlink/pQwQL/ Погоди, но ща ваще в примере верхний блок больше по ширине, чем нижний?

А покажи плиз работающий пример с box-shadow

Gaspode, stasik2204, Выходит, что никак.

Кто сказал, что так правильно? Можно пруфлинк?

Что значит ТБЛ?

В их работе нет никакой разницы. Оба превдоэлемента работают одинаково. Просто дело в том, что в CSS3 решили отделить их дополнительными двоеточиями, чтобы подчеркнуть их значимость, например, перед псевдоклассами. На данный момент я рекомендую использовать старый :after с одним двоеточием, так как его поддержка реализована в IE8.

А почему бы и нет?)

Хм, странно, по идее должно быть так: <p></p> <ul> <li>text</li> <li>text</li> </ul> Т.е. параграф должен открыться и закрыться перед списком и один раз. Назови браузеры плиз. upd: Ага, увидел в Хроме такое поведение. Но, считаю, что это неправильно, вставлять в конец пустой параграф. Есть одни вначале, перед списком и хватит.

1) не знаю2) не знаю3) как-то так:<tr class="space"><td colspan="6"></td></tr> Ага, спасибо ребят. SelenIT А можно поподробнее вот об этом

Сегодня, решая одну простую задачу, наткнулся на очередной прикол Opera. Не знаю, баг это или нет, вот хочу уточнить у вас. Может кто подскажет Задача: Сделать промежуточную строку, для вертикальных отступов между ячейками. Всё вроде бы хорошо, да только браузер Opera не согласен немного. Он откуда-то берёт бордер и ставит его к нашей строке или ячейке в ней (а может быть, ксатит, и к верхней). Ячейка растянута с помощью colspan кончено же. В общем поглядите, там всё просто. http://jsfiddle.net/KzpCz/21/ На скрине, справа ФФ, слева Опера. Вопросы: 1. Откуда берётся бордер? 2. Баг это или нет? 3. Способы лечения? (У меня есть пару на примете, но пока о них промолчу)

Ну ты можешь забить на вариант Макса, и просто использовать ЖС, вычисляя координаты и распологать в них свой список, который будет находится в body)

Зачем делать заголовки тем заглавными буквами? По сабжу: Рули в сторону медиа-запросов на CSS3 и вот думаю, для ИЕ6-8 без ЖС не обойтись.

Justnewone, Дружище, а ты сам щас используешь заголовок первого уровня для логотипа или нет?

Тут дело не в блочности, а в том, что параграф - это место для текста, а не для списков и блоков.

Скорее вопрос будет корректнее задать по другому. Разве можно использовать списки в параграфе или строчных элементах?))

Список в моем случае, position: absolute; то есть на другие элементы не должен влиять. Плюс к этому display: none;. В потоке его нет, на странице не отображается, а все равно блин закрывает параграф. я с браузером не согласен. Загляни в файрбаг, увидишь, отображается он или нет А разве CSS не умеет превращать одни в другие? Ты не забывай, что прежде всего ты работаешь со структурой, а css - это всего лишь мишура.

Если всё же от фона откажется, то: Лучше тебе просто див абсолютный растянуть на 100% в ширину на весь экран, ему поставить overflow: hidden; ещё и в нём уже эти изображения воткнуть. Если экран будет узкий, они будут обрезаться, и всё.

Делай маркеры через background

Не за что. Если не сложно, потом расскажи, что решил.

А что, если эти узоры, повесить фоном и выровнять по середине?

Всё закономерно, и по стандартам (к сожалению). Кнопка просто не знает, откуда высчитывать эти 100%. Т.е. чтобы она это понимала, ей нужно знать чёткую высоту ячейки. Поэтому варианта три: 1. Жёсткая высота ячейки. 2. Кнопке задаёт position: absolute, и растягиваем на top: 0; bottom: 0; и 100% в ширину. Ячейке position: relative; Но, этот вариант не будет пахать в Firefox 3. С помощью JS рассчитывать высоту и задавать её кнопке.

А ты высоту для ячейки жёстко пропиши. Есть возможность?

Список спане, да ещё и в параграфе? Браузер абсолютно правильно делает. Я бы на его месте делал бы тоже самое) Я бы делал как-то так. <style type="text/css"> .tooltipTerm{ position: relative; } .tooltipDescription{ position: absolute; } </style> </head> <body> <p> В малой группе, отражающих неформальную <span class="tooltipTerm">гештальтпсихологии <span class="tooltipDescription"> <span>Ассоциация устойчиво</span> <span>Ассоциация не устойчиво</span> </span> </span> согласно традиционным представлениям, не традиционен. </p>