Резиновый трехколоночный макет с правосторонними сайдбарами
Кросс-браузерный семантически корректный резиновый макет с тремя колонками (сайдбары справа)
Очередной раз попав не туда, куда надо из Google, я натолкнулся на статью "Трехколоночный макет на CSS с одинаковой высотой колонок". Да, трехколоночные макеты (да еще и резиновые!) очень популярны, я смотрю Но, несмотря на популярность таких макетов, многие верстальщики почему-то не хотят учиться и городят целый огород на div'ах. В указанной статье приводится следующая [...]
← Вернуться к полной версии записи «Резиновый трехколоночный макет с правосторонними сайдбарами»…
Автор: Vladimir; опубликовано в: CSS, HTML; метки: CSS, HTML, IE8, XHTML, макет, резиновый макет, трёхколоночный макет22
Мар
2008
Мар
2008
Комментарии к статье «Резиновый трехколоночный макет с правосторонними сайдбарами» (17) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «Резиновый трехколоночный макет с правосторонними сайдбарами»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
Дмитрий, по-моему, Вы где-то ошиблись… Я сохранил страницу себе на диск, добавил
overflow: hidden.sidebarи всё отлично смотрится в Опере (по крайней мере, в 9.2x – 9.50 у меня нет).Тестовая страница: http://blog.sjinks.pro/test/imhoblog/test.html
[...] переходим к трём колонкам: [...]
У меня как раз стоит Opera 9.5. И она, к сожалению, в данном случае overflow: hidden вообще не воспринимает, т.е. получается, что трабл только в Opera 9.5.
Дмитрий, тут такая проблема… Валидатор нашел 186 ошибок (!) и проблему с распознаванием UTF-8. Я бы всё же, наверное, попытался бы исправить ошибки, и только потом переходить к CSS. Валидатор жалуется на неправильно закрытые тэги.
Дмитрий, по ходу я прав – проблема в кривой разметке.
http://blog.sjinks.pro/test/imhoblog/test.html
Я убрал этот блок (из Подписки), и всё стало красиво:
<center>
<br>
<p>
<!-- <a rel="nofollow" href="http://feeds.feedburner.com/imhoblog" rel="nofollow"><img src="http://imhoblog.ru/img/RSSicon32x32.png" height="32" width="32" style="border:0" alt="feedburner"/></a> -->
<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>
<br>
<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></p>
<br>
<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>
<br>
<!-- rss2email -->
<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>
<!-- /rss2email -->
<br>
<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>
<br>
<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>
<br><br>
<a href="http://imhoblog.ru/2008/05/09/chto-takoe-rss-chast-1-osnovy/" target="_blank" rel="nofollow">Что означает значок RSS?</a>
<br>
</center>
<noindex>
Для сравнения старая версия: http://blog.sjinks.pro/test/imhoblog/test2.html
Мораль: ошибки в разметке надо исправлять
Ошибка с незакрытым тегом, слава Богу, не моя. Я подобных ошибок стараюсь не допускать.
Удивительные вещи – после исправления этого тега футер возвращается на место, но отступ все равно остается, теперь уже под футером. Методом исключений определил, что отступ появляется сразу же после выполнения скрипта todoo-виджета (блок “Наши ИМХО люди”). Вот это побороть я уже не в силах.
Это из-за того, что WordPress по умолчанию оформляет все виджеты как списки, а этот TooDoo лепит внутрь элемента
ulтаблицу. Фикс – править исходный код плагина или попытаться поиграть с параметрами виджета$beforeи$after(если они есть).