X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Съезжает блок при малом разрешении
RSmile
RSmile
Topic Starter сообщение 1.1.2013, 15:32; Ответить: RSmile
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 496
Регистрация: 2.11.2012
Из: Brest
Поблагодарили: 204 раза
Репутация:   32  


Съезжает блок вправо при малом разрешении (<1230 по горизонтали). Также при малом разрешении съезжает лого( на пару пикселей вправо).
Стили ниже. Стиль съезжающего блока "navigation-inner". Не могу понять, что не так.

#header {padding: 0 35px; height: 224px; background: transparent; position: relative; margin: auto;  }
#header-inner { width: 980px;  display: block; margin: auto;  }

#header #logo { position: relative; margin: auto; height:40px;  }
#header #logo img { margin: auto; }

#header #banner-top { float: right; display: inline; margin-top: 17px; margin-right: 10px; }

#navigation { padding: 0 55px; height: 18px; position: relative; z-index: 500; margin: auto; }
#navigation-inner { margin : auto; width: 980px; position: relative; background: url(images/bg.jpg) repeat-x top; }


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 1.1.2013, 16:52; Ответить: andreykashops
Сообщение #2


WordPress is my Life..
******

Группа: Active User
Сообщений: 1427
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


RSmile, Вы бы дали ссылку на сайт с проблемой, так будет легче помочь Вам.

В #navigation и #header классах удалите значения "padding "
То есть получится вот так:
#header {
height: 224px;
background: transparent;
position: relative;
margin: auto;
}
#navigation {
height: 18px;
position: relative;
z-index: 500;
margin: auto;
}

Удачи! smile.gif


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RSmile
RSmile
Topic Starter сообщение 1.1.2013, 18:43; Ответить: RSmile
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 496
Регистрация: 2.11.2012
Из: Brest
Поблагодарили: 204 раза
Репутация:   32  


Не помогло. Вспомнил, что недавно убирал гориз. скролл. Из-за этого криво и стало отображаться.


--------------------
Безлимитный SSD-Хостинг. Рекомендую! Месяц бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops
andreykashops
сообщение 1.1.2013, 19:02; Ответить: andreykashops
Сообщение #4


WordPress is my Life..
******

Группа: Active User
Сообщений: 1427
Регистрация: 21.7.2012
Из: Украины
Поблагодарили: 633 раза
Репутация:   139  


RSmile, я вносил правки через браузер - отображалось хорошо.
PS Проверял увеличивая сайт, может из за этого...


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Переносится ли вес и тИЦ от входящих ссылок при 301 редиректе
11 Bel_Ami 2915 11.12.2017, 20:50
автор: alexandrrr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОшибка при создании шаблона страницы ВП
Нет картинок
5 semarg 713 9.12.2017, 15:36
автор: Nell
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
61 inkon 14032 7.12.2017, 20:28
автор: inkon
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСъезжает изображение
0 Whitedeni 396 6.12.2017, 13:40
автор: Whitedeni
Открытая тема (нет новых ответов) Адаптивный блок Adsense не подстраивается
3 Konark 772 30.11.2017, 7:48
автор: Nell


 



RSS Текстовая версия Сейчас: 17.12.2017, 18:23
Дизайн