Comments on: Резиновый трехколоночный макет с правосторонними сайдбарами

By: Vladimir

Vladimir — Mon, 30 Jun 2008 18:27:44 +0000

Это из-за того, что WordPress по умолчанию оформляет все виджеты как списки, а этот TooDoo лепит внутрь элемента ul таблицу. Фикс - править исходный код плагина или попытаться поиграть с параметрами виджета $before и $after (если они есть).

By: Dimox

Dimox — Mon, 30 Jun 2008 18:15:20 +0000

Ошибка с незакрытым тегом, слава Богу, не моя. Я подобных ошибок стараюсь не допускать.

Удивительные вещи - после исправления этого тега футер возвращается на место, но отступ все равно остается, теперь уже под футером. Методом исключений определил, что отступ появляется сразу же после выполнения скрипта todoo-виджета (блок “Наши ИМХО люди”). Вот это побороть я уже не в силах.

By: Vladimir

Vladimir — Mon, 30 Jun 2008 16:04:17 +0000

Дмитрий, по ходу я прав - проблема в кривой разметке.

http://static2.sjinks.org.ua:8080/test/imhoblog/test.html

Я убрал этот блок (из Подписки), и всё стало красиво:

<center>
 


<a rel="nofollow" href="http://feeds.feedburner.com/imhoblog" rel="nofollow"><img src="http://imhoblog.ru/img/ratatfeed.gif" height="128" width="128" style="border:0" alt="Подпишись на RSS!" /></a>
 
<a rel="nofollow" href="http://feeds.feedburner.com/imhoblog" rel="nofollow"><img src="http://feeds.feedburner.com/~fc/imhoblog?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt="feedburner" /></a>
 
<a rel="nofollow" href='http://toodoo.ru/blog/19819/click' rel="nofollow">
<img src='http://c.toodoo.ru/blog/19819/images/88x15w.gif' border='0' alt='количество читателей онлайн и всего' /></a>
</a>
 

<a "nofollow" href="http://www.rss2email.ru?rss=http://feeds.feedburner.com/imhoblog" title="Получать RSS-ленту на почту" rel="nofollow"><img src="http://www.rss2email.ru/counter/typeA/23728_3.gif" border="0"></a>

 
<a rel="nofollow" href="http://lenta.yandex.ru/settings.xml?name=feed&url=http://feeds.feedburner.com/imhoblog" rel="nofollow"><img src="http://lenta.yandex.ru/i/addfeed.gif" border="0" alt="Читать в Яндекс.Ленте" /></a>
 
<a rel="nofollow" href="http://fusion.google.com/add?source=atgs&feedurl=http%3A//feeds.feedburner.com/imhoblog" rel="nofollow"><img src="http://buttons.googlesyndication.com/fusion/add.gif" border="0" alt="Add to Google"></a>
 
<a href="http://imhoblog.ru/2008/05/09/chto-takoe-rss-chast-1-osnovy/" target="_blank" rel="nofollow">Что означает значок RSS?</a>
 
</center>

Для сравнения старая версия: http://static2.sjinks.org.ua:8080/test/imhoblog/test2.html

Мораль: ошибки в разметке надо исправлять

By: Vladimir

Vladimir — Mon, 30 Jun 2008 15:49:24 +0000

Дмитрий, тут такая проблема… Валидатор нашел 186 ошибок (!) и проблему с распознаванием UTF-8. Я бы всё же, наверное, попытался бы исправить ошибки, и только потом переходить к CSS. Валидатор жалуется на неправильно закрытые тэги.

By: Dimox

Dimox — Mon, 30 Jun 2008 13:51:55 +0000

У меня как раз стоит Opera 9.5. И она, к сожалению, в данном случае overflow: hidden вообще не воспринимает, т.е. получается, что трабл только в Opera 9.5.

By: Кросс-браузерный резиновый трёхколоночный макет в высоту окна | Ars Longa, Vita Brevis

Sun, 29 Jun 2008 20:50:01 +0000

[...] переходим к трём колонкам: [...]

By: Vladimir

Vladimir — Sun, 29 Jun 2008 12:51:49 +0000

Дмитрий, по-моему, Вы где-то ошиблись… Я сохранил страницу себе на диск, добавил overflow: hidden .sidebar и всё отлично смотрится в Опере (по крайней мере, в 9.2x - 9.50 у меня нет).

Тестовая страница: http://static2.sjinks.org.ua:8080/test/imhoblog/test.html

By: Dimox

Dimox — Sun, 29 Jun 2008 07:37:49 +0000

Пробовал ставить и для .sidebar - не помогает. Видимо сайдбары нужно помещать в еще один див, которому ставить overflow: hidden.

By: Vladimir

Vladimir — Sat, 28 Jun 2008 22:47:11 +0000

Дмитрий, я пользуюсь несколько иной техникой размещения колонок, но по-моему Вы потеряли overflow: hidden для сайдбаров (.sidebar { overflow: hidden; }).

By: Dimox

Dimox — Sat, 28 Jun 2008 22:31:30 +0000

В том-то и дело, что overflow: hidden уже стоит, но не помогает и я не могу понять, почему он в данном случае не срабатывает. Поэтому здесь по любому придется отказыватья от этих отступов.