Softlink

Да уже понятно, что тут надо на таблицах рулить, или же display:table попробовать. Меня теперь больше другое интересует. Кто, где, как часто и чем тестирует свою верстку? На кроссплатформенность.

Ой, только сейчас заметил, что я код с transform'ом скопипастил сверху и не поправил для фф и оперы. Здесь для всех браузеров. Для ИЕ9 тоже добавил.

Чего за вариант такой?

Тогда раз уж затронули тему разных платформ, то хотелось бы услышать. Кто реально тестирует каждую свою верстку помимо win(по умолчанию), в MacOS и Linux? У меня нет таких возможностей, да и ни разу требований со стороны заказчиков не было. Хотя двоим верстал макеты, которые сидят на Маках, нареканий не было. А сервисам я не особо доверяю, нативный есть нативный. И еще. Как часто просят делать кросплатформенную(именно с тестированием) верстку у вас заказчики? У меня, как уже сказал, не было ни разу. Но я и верстал на заказ откровенно мало.

Нууу фикс размеры, однако, тоже не выход из положения. Получается тогда только display:table (таблицы не в счет).

По-моему, скорее мораль "никогда не рассчитывайте на размер текстовой надписи строго до пикселя". Потому что, кроме IE9 и WinXP со сглаживанием и без оного, в мире есть Линуксы со своими дефолтными шрифтами каждая, Андроиды (тысячи их!), на которых шрифты тоже почему-то чуть крупнее нормы, и т.п. Имхо, правило "плюс-минус 2 шага текстового зума" — ну ладно, хотя бы плюс-минус 1 шаг — при кроссплатформенной верстке рановато сбрасывать со счетов... Если бы не влез 1-2 пикселя, то я бы вряд ли шум поднял. А ведь не влезло 17

buddah, с теми фигурками не получится, потому что к ним тень не добавишь. Можно сделать таким образом.

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

Получается, что в большинстве случаев надо будет делать отдельные стили для этого осла, либо жестко фиксить размеры блоков. Вот ерунда какая!

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

Это да, я уже иешной линейкой померил, что пункты отличаются размером. Вопрос-то: почему они отличаются?)) Причем так разительно. Все, ушел спать, ничего уже не соображу.

Доброй ночи всем. Верстал один макет и столкнулся с одной странностью в виде ИЕ9. Он не захотел уместить меню в 980пк, причем с очень большим отклонением от нормы. Хотя остальные все браузеры с ним не согласились и спокойно заняли все выделенное ему место. Пробовал на инлайн-блоках и флотах - результат одинаковый. А теперь самое интересное. Помимо фф, оперы, хрома, меню влезло в ИЕ8 и даже в ИЕ7.Внимание, вопрос: почему?? Может это я уже глубокой ночью не соображаю и что-то не доглядел или я чего-то про 9-й не знаю? Вот хотел прояснить. Пример

Некоторые и на css такое сумели сделать.

Тогда можно сделать по принципу выпадающего меню. На ховере картинке устанавливать display:block. Рано радуетесь, это все дело работает только в современных браузерах И работает только по ховеру. Т.е. как только мы уводим мышку с пункта, так слайд сбрасывается. Так твой второй пример по фокусу работает. Да, работает. Дело в том, что автор привел пример, когда слайд срабатывает по ховеру и не пропадает до тех пор, пока не навели именно на следующий пункт. У меня же если только убираешь курсор, то слайд становится на исходную.

Если надо стилизовать скролл, то еще такой скрипт неплох.

stweet, насколько я понял вопрос, то это решается через overflow:auto; И на сайте это сделано именно таким образом.

Как-то не очень я все понял. Надо сделать блок со скроллом?

Рано радуетесь, это все дело работает только в современных браузерах И работает только по ховеру. Т.е. как только мы уводим мышку с пункта, так слайд сбрасывается.

Почти аналог http://jsfiddle.net/Softlink/wvW7A/1/

И внутреннему блоку скругляйте нужные углы. Еще может помочь overflow:hidden;

Хех, на данный момент под windows ничего лучше Notepad+Zen Coding не видел. Ну или не приходилось работать.

Вы бы дали пример посмотреть.

Средствами CSS пока нельзя этого сделать. Однако есть уже фильтры для webkit'ов, но и они работают только в Google Chrome Canary. По крайней мере у меня на обычном Хроме запустить это не удалось. Так что канвасы и jquery вам в помощь.

Насколько я знаю, то дело в SP3. Именно после его установки шрифты становятся нормальными. Про text-shadow не совсем соглашусь. Для маленького размера шрифта - да, его лучше не применять в этих целях, а уже если >22-24px то вполне себе ничего получается.

Ну так показывайте как пробовали.