Резиновая верстка новостного блога

[Jackky]

http://4tab.pavelzheglov.ru/

Впервые верстал резиновый шаблон такого размера. Задача была сделать валидный шаблон, который бы правильно отображался во всех последних версиях браузеров + адекватно вел себя в ИЕ 8+.

Прошу оценить верстку и дизайн, дать обратную связь. Делаю для своего проекта. (На сайдбар не смотреть - пока еще не определились что там будет вообще.)

+ ко всему прошу обладателей различных Android и iOS устройств (да и вообще различных мобильных платформ) - дать обратную связь по отображению макета на портативных устройствах.

[Jackky]

Так же по этому макету нужна помощь в этой теме: http://forum.htmlbook.ru/index.php?showtopic=36890

[Jackky]

Все жду чтобы кто-нибудь дал ОС

[wildhind]

под андроидом и иос беда такая: шрифт мелкий, без масштабирования не читается. А после масштабирования не умещается в экран.

[Jackky]

под андроидом и иос беда такая: шрифт мелкий, без масштабирования не читается. А после масштабирования не умещается в экран.

Спасибо, буду думать, как лучше решить эту проблему.

http://4tab.pavelzheglov.ru/ доработал шаблон, теперь он, почти готов. Хотелось бы услышать еще несколько мнений.

[Jackky]

...

[ShumNo]

Что-то категории съехали ниже плинтуса.. вроде бы они там не должны быть

[Jackky]

Что-то категории съехали ниже плинтуса.. вроде бы они там не должны быть

Какие категории? Куда съехали? Можно скриншот?

[hedgehog]

http://i.imgur.com/zDX8g.png

Текст так и должен быть "впритык"?

[Jackky]

http://i.imgur.com/zDX8g.png

Текст так и должен быть "впритык"?

нет, это в каком браузере?

[Catherine]

1) Чем-то обоснованы такие сложности с wrap_top_border и wrap_bottom_border? Может, было бы лучше использовать ПЭ, или я чего-то не знаю? Да и вообще, раз уж IE8 не критичен, не проще ли скругления и тени делать при помощи CSS? Раз уж картинки и некоторые блоки сделаны подобным образом?

2) Про <div class='clear'></div>. Ссылка на статью

3) Постраничной навигации не хватает стилей для текущей страницы

UPD. Под Win7 в актуальных версиях популярных браузеров косяков не заметила, в IE8 тоже(но проверяла через IE9 в режиме IE8)

Edited August 4, 2012 by Catherine

[Jackky]

1) Делалось именно для ИЕ-подобных браузеров. Опера Мини на мобильных устройствах, тоже не понимает CSS 3, а браузер достаточно популярен. При текущем раскладе в Опере Мини под Андройдом все ОК.

2) Не понял, что с этим фиксом не так, но статью почитаю завтра обязательно

3) ??? каких стилей?

Кстати, в ИЕ 9-10 как? Можно скриншот?

[hedgehog]

http://i.imgur.com/zDX8g.png

Текст так и должен быть "впритык"?

нет, это в каком браузере?

Opera, FF под никсами (шрифт DejaVu Sans, так как tahoma и geneva не установлены).

Наверное, под маком будет еще веселее с его агрессивным сглаживанием

[Catherine]

3) ??? каких стилей?

Кстати, в ИЕ 9-10 как? Можно скриншот?

Вопрос дизайна(или это моя вредность). Текущую страницу в навигации желательно как-то отличать от остальных.

IE9, Win7 скриншот

Edited August 5, 2012 by Catherine

[wildhind]

Наверное, под маком будет еще веселее с его агрессивным сглаживанием

на маке в опере:

и в ФФ:

да и в других браузерах всё корректно.

Хотя сам шрифт в названии месяца слипается.

[wildhind]

вот вам ещё ие10 для коллекции

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

[Jackky]

http://i.imgur.com/zDX8g.png

Текст так и должен быть "впритык"?

нет, это в каком браузере?

Opera, FF под никсами (шрифт DejaVu Sans, так как tahoma и geneva не установлены).

Наверное, под маком будет еще веселее с его агрессивным сглаживанием

Ну тогда проблема не актуальна, т.к. у нас даже с ИЕ не планируется кучи народу. В принципе в небольшом "вылезании" ничего страшного.

Текущую страницу в навигации желательно как-то отличать от остальных.

Не понимаю... Можно как-то более развернуто? В какой навигации? От каких остальных?

[Catherine]

Не понимаю... Можно как-то более развернуто? В какой навигации? От каких остальных?

Речь об этом:

[Jackky]

Хотя сам шрифт в названии месяца слипается.

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

Не понимаю... Можно как-то более развернуто? В какой навигации? От каких остальных?

Речь об этом:

А, понял, естественно .current_page стили будут, да и хлебные крошки, пожалуй тоже. Просто мне удобнее все это уже на движке настраивать

[wildhind]

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

тогда есть вариант ещё лучше: 15.09 — куда меньше места занимает, чем «15 сентября», сохраняя при этом понятность и не создавая ощущение дискомфорта от кривого дизайна.

[Jackky]

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

тогда есть вариант ещё лучше: 15.09 — куда меньше места занимает, чем «15 сентября», сохраняя при этом понятность и не создавая ощущение дискомфорта от кривого дизайна.

Не согласен, ощущения кривого дизайна нет (1), Проблема возникает только при отсутствии Tahoma (может Arial, Verdana поставить как альтернативу?) (2), с форматом вывода названия месяца выглядит красивее, чем просто сплошные цифры, уже проверил на движке (3). Вот и три причины. но за замечание спасибо

[Jackky]

Продолжаем обсуждение. http://4tabtest.pavelzheglov.ru/ уже натянутый на Вордпресс шаблон. Внутренние страницы еще не доделаны + просьба не критиковать говноверстку возьникшую после подключения некоторых плагинов. Что смогу - исправлю, работа еще в процессе.