Форум Сайтостроение Веб-строительство

Адаптивная верстка

FH
На сайте с 24.11.2013
Offline
80
FastHelp
1061

Здравствуйте, кто может помочь в решении такого вопроса: на мобильных устройствах и просто при изменении ширины окна правый блок сайта остается статическим и накладывается на центральный блок и слайдер, что ни есть хорошо. Насколько я понимаю: надо править стиль css правого сайдбара. А вот в css понимаю только как методом тыка цвета поменять и прочие мелочи :)

Прикладываю скрин, чтобы показать наглядно, как именно выглядит проблема.

З.Ы. шаблон под dle

jpg NldvgegrNag.jpg
lerka
На сайте с 25.01.2013
Offline
26
lerka
#1

Левый блок в див и правый в див, обоим блокам задайте float:left - это по простому, чтоб правый блок при уменьшении ширины окна уезжал под левый....

А вообще надо не велосипед изобретать, а брать готовые хорошо проработанные решения, типа как здесь http://habrahabr.ru/post/144291/

FH
На сайте с 24.11.2013
Offline
80
FastHelp
#2

Спасибо за совет, но надо именно, чтобы он становился на место в правой части :)

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#3
lerka:
Левый блок в див и правый в див, обоим блокам задайте float:left - это по простому, чтоб правый блок при уменьшении ширины окна уезжал под левый....
А вообще надо не велосипед изобретать, а брать готовые хорошо проработанные решения, типа как здесь http://habrahabr.ru/post/144291/

Что?

ТС для правого сайдбара уберите position:fixed.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
FH
На сайте с 24.11.2013
Offline
80
FastHelp
#4

vlad00777:


ТС для правого сайдбара уберите position:fixed.

Не там такого. Задана позиция: relative 

#sideRight {

	float: right;

	margin-right: -230px;

	width: 230px;

	position: relative;

	}
vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#5

FastHelp, тогда все понятно. Верстка не очень как в принципе у всех шаблонов ДЛЕ. Получается что марджин райт в минус не подхватывает. Переделывать надо, убирать этот марджин, и левый блок корректировать.

FH
На сайте с 24.11.2013
Offline
80
FastHelp
#6
vlad00777:
FastHelp, тогда все понятно. Верстка не очень как в принципе у всех шаблонов ДЛЕ. Получается что марджин райт в минус не подхватывает. Переделывать надо, убирать этот марджин, и левый блок корректировать.

Отправил ЛС.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий