Реклама на сайте Advertise with us

Как поправить сайдбар?

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 25.01.06
Сообщения: 596
Рейтинг: 571

Ссылка на сообщениеДобавлено: 01/06/07 в 11:29       Ответить с цитатойцитата 

Ситуация такая: один темплейт юзаю в нескольких блогах.
В ие7, мозиле, опере, макстуне отображается всё нормально. Решил я в старых версиях ие посмотреть.. В ие6 сайдбар уехал вниз, в ие 5 и 5,5 вообще всё разъехалось...
Хрен с этими 5-ми версиями. А вот как бы мне поправить сайдбар для 6-го? Подскажите плз кто знает. А то у меня по статистике дорки в основном ие6 юзают.

Пс: темплейт менять не хотелось бы.

0
 



С нами с 25.01.06
Сообщения: 596
Рейтинг: 571

Ссылка на сообщениеДобавлено: 01/06/07 в 12:02       Ответить с цитатойцитата 

Всё пофиксил icon_smile.gif

0
 



С нами с 26.11.02
Сообщения: 580
Рейтинг: 344

Ссылка на сообщениеДобавлено: 01/06/07 в 14:17       Ответить с цитатойцитата 

Скинь сюда решение, плиз
у меня такая же проблема - в IE третья колонка "стартует" ниже второй

3
 



С нами с 25.01.06
Сообщения: 596
Рейтинг: 571

Ссылка на сообщениеДобавлено: 01/06/07 в 16:11       Ответить с цитатойцитата 

я порылся на сайте автора темплейта, нашёл версию с исправлениями и заюзал от неё файл стилей.
Могу показать какие различия в стилях, может натолкнёт на мысль.

Вот кривой:
Код:
/* 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;}

0
 



С нами с 26.11.02
Сообщения: 580
Рейтинг: 344

Ссылка на сообщениеДобавлено: 01/06/07 в 22:43       Ответить с цитатойцитата 

Спасибо
буду теперь пробовать

3
 



С нами с 06.03.05
Сообщения: 6216
Рейтинг: 7375


Передовик Master-X (01.02.2007) Передовик Master-X (16.02.2007) Передовик Master-X (01.04.2007) Передовик Master-X (01.05.2007) Передовик Master-X (01.10.2007) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 02/06/07 в 13:10       Ответить с цитатойцитата 

сто процентов проблема с width, попробуй блоки чуть сузить каждый или сделай каркас пошире

3
 



С нами с 25.01.06
Сообщения: 596
Рейтинг: 571

Ссылка на сообщениеДобавлено: 02/06/07 в 14:15       Ответить с цитатойцитата 

Нашёл ещё в одном блоге косяк, чем то похож как у Fucker'а
Методом тыка чета не получается решить. Но проблема вроде не с wight.
Там 2 сайдбара.. И в ИЕ6 первый сайдбар находится под вторым, хотя должен находится слева от него. Но такая херня происходит только на страницах, где два сайдбара помещаются в высоту. А на маленьких страницах, типа "about" они нормально встают по местам.
В ИЕ7, мозиле, опере нормально всё

0
 



С нами с 26.11.02
Сообщения: 580
Рейтинг: 344

Ссылка на сообщениеДобавлено: 04/06/07 в 09:10       Ответить с цитатойцитата 

не
у меня проблема больше
блог состоит из 3-х колонок
2 колонки - сайдбар и третья - с постами
она в эксплорере стартует сразу после второго сайдбара (он более длинный чем первый), но на своей полосе
в теме для WP есть ссылка именно для решения этой проблемы но самого файла нет
проблема что скорее всего что-то не понимает эксплорер
и для него в этом файле написано на понятном языке для эксплорера как правильно отображать всю страницу

ЗЫ
весь темплэйт построен на дивах и третий почему-то стартует сразу за вторым, пытался связаться с автором и тд
результат=0

3
 



С нами с 25.01.06
Сообщения: 596
Рейтинг: 571

Ссылка на сообщениеДобавлено: 04/06/07 в 10:10       Ответить с цитатойцитата 

Fucker:
Попробуй в файле стилей для своей кривой колонки поменять какиенить значения.
Я со своей разобрался. Правда пришлось в книгу по CSS залезть. ))
Для колонки, которая у меня стартовала ниже я поменял margin: 0 0 0 -7px ; на margin: 0 0 0 -157px ; (150 - ширина колонки) и всё встало на свои места.

0
 



С нами с 26.11.02
Сообщения: 580
Рейтинг: 344

Ссылка на сообщениеДобавлено: 04/06/07 в 17:44       Ответить с цитатойцитата 

Skat писал:
сто процентов проблема с width, попробуй блоки чуть сузить каждый или сделай каркас пошире

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

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

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »