Master-X
Форум | Новости | Статьи
Главная » Форум » Блоги и Социальные сети » 
Тема: Как поправить сайдбар?
цитата
01/06/07 в 11:29
 koshe
Ситуация такая: один темплейт юзаю в нескольких блогах.
В ие7, мозиле, опере, макстуне отображается всё нормально. Решил я в старых версиях ие посмотреть.. В ие6 сайдбар уехал вниз, в ие 5 и 5,5 вообще всё разъехалось...
Хрен с этими 5-ми версиями. А вот как бы мне поправить сайдбар для 6-го? Подскажите плз кто знает. А то у меня по статистике дорки в основном ие6 юзают.

Пс: темплейт менять не хотелось бы.
цитата
01/06/07 в 12:02
 koshe
Всё пофиксил icon_smile.gif
цитата
01/06/07 в 14:17
 Fucker
Скинь сюда решение, плиз
у меня такая же проблема - в IE третья колонка "стартует" ниже второй
цитата
01/06/07 в 16:11
 koshe
я порылся на сайте автора темплейта, нашёл версию с исправлениями и заюзал от неё файл стилей.
Могу показать какие различия в стилях, может натолкнёт на мысль.

Вот кривой:
Код:
/* Set Layout Section */
#page,#header,#content,#sidebar,#footer { overflow:hidden; display:inline-block }
#page,#header,#footer {width:100%} /* safari and opera need this */
#header {height:150px;background:#fff url(images/header.jpg) no-repeat top;}
#page {background:#fff url(images/pagebg.jpg) repeat-y top;}
#content {float:right;width:500px; margin:0; padding:15px 50px 15px 30px;}
#sidebar {width:170px; margin: 0; padding:10px 10px 10px 40px;}
#footer {clear:both; height: 60px; background:#fff url(images/footerbg.jpg) no-repeat top; text-align:right;line-height:16px;}

А это пофиксенный:
Код:
/* Set Layout Section */
#page,#header,#content,#sidebar,#footer { overflow:hidden; display:inline-block }
#page,#header,#footer {width:100%} /* safari and opera need this */
#header {height:150px;background:#fff url(images/header.jpg) no-repeat top;}
#page {background:#fff url(images/pagebg.jpg) repeat-y top;}
#sidebar {float:left}
#content {float:right}
#content {width:500px; margin:0; padding:15px 50px 15px 30px;}
#sidebar {width:170px; margin: 0; padding:10px 10px 10px 40px;}
#footer {clear:both; height: 60px; background:#fff url(images/footerbg.jpg) no-repeat top; text-align:right;line-height:16px;}
цитата
01/06/07 в 22:43
 Fucker
Спасибо
буду теперь пробовать
цитата
02/06/07 в 13:10
 Skat
сто процентов проблема с width, попробуй блоки чуть сузить каждый или сделай каркас пошире
цитата
02/06/07 в 14:15
 koshe
Нашёл ещё в одном блоге косяк, чем то похож как у Fucker'а
Методом тыка чета не получается решить. Но проблема вроде не с wight.
Там 2 сайдбара.. И в ИЕ6 первый сайдбар находится под вторым, хотя должен находится слева от него. Но такая херня происходит только на страницах, где два сайдбара помещаются в высоту. А на маленьких страницах, типа "about" они нормально встают по местам.
В ИЕ7, мозиле, опере нормально всё
цитата
04/06/07 в 09:10
 Fucker
не
у меня проблема больше
блог состоит из 3-х колонок
2 колонки - сайдбар и третья - с постами
она в эксплорере стартует сразу после второго сайдбара (он более длинный чем первый), но на своей полосе
в теме для WP есть ссылка именно для решения этой проблемы но самого файла нет
проблема что скорее всего что-то не понимает эксплорер
и для него в этом файле написано на понятном языке для эксплорера как правильно отображать всю страницу

ЗЫ
весь темплэйт построен на дивах и третий почему-то стартует сразу за вторым, пытался связаться с автором и тд
результат=0
цитата
04/06/07 в 10:10
 koshe
Fucker:
Попробуй в файле стилей для своей кривой колонки поменять какиенить значения.
Я со своей разобрался. Правда пришлось в книгу по CSS залезть. ))
Для колонки, которая у меня стартовала ниже я поменял margin: 0 0 0 -7px ; на margin: 0 0 0 -157px ; (150 - ширина колонки) и всё встало на свои места.
цитата
04/06/07 в 17:44
 Fucker
Skat писал:
сто процентов проблема с width, попробуй блоки чуть сузить каждый или сделай каркас пошире

действительно, 2 пиксела + и все нормуль
спасибо

koshe - тоже спасибо, и за топик и за направление
icon_wink.gif


Эта страница в полной версии