Выставить div-ы так, чтобы не появлялся горизонтальный скрол

xabbep

Осваиваюсь на форуме
44
0 / 1

Выставить div-ы так, чтобы не появлялся горизонтальный скрол

« : 31.10.2012, 04:50:28 »

Сайт - gogol-mogol.com.ua При уменьшении окна браузера до 1000px появляется горизонтальный скрол и белое пространство справа от сайта. Смотрел фаербагом, ничего не нашёл.
Я так понимаю, что копать нужно в сторону:
1)

Код

body.backgroundlevel-high.backgroundstyle-style5 #rt-main-background

2)

Код

#rt-header

3)

Код

#footer

Может кто-то подскажет, как правильно выставить эти div-ы чтобы решить проблему.

Записан

sebrotaller

Осваиваюсь на форуме
20
0 / 0

Re: Выставить div-ы так, чтобы не появлялся горизонтальный скрол

« Ответ #1 : 31.10.2012, 15:36:04 »

Цитата: xabbep от 31.10.2012, 04:50:28

Сайт - gogol-mogol.com.ua При уменьшении окна браузера до 1000px появляется горизонтальный скрол и белое пространство справа от сайта. Смотрел фаербагом, ничего не нашёл.

На любом сайте, где указан min-width, при достижении минимально требуемой ширины на сайте будет появляться скролл. В вашем случае min-width: 1069px; Лично у меня белое пространства нет.

Записан

xabbep

Осваиваюсь на форуме
44
0 / 1

Re: Выставить div-ы так, чтобы не появлялся горизонтальный скрол

« Ответ #2 : 31.10.2012, 16:50:53 »

На iPad она была видна, даже с min-width: 1069px; Там один внутренний блок выходил за наружный, по этому и появлялось пространство справа от сайта. Это я поборол, но возникла новая проблема. Задний фон состоит из трёх частей:

Хеадер

Код

#rt-header {
padding: 15px 0 5px 0;
background: url(../images/backgrounds/style5/high/5.jpg) 50% 0 no-repeat;
position: relative;
width: 1085px;
margin: 0 -145px;
height: 280px;

Боди

Код

body.backgroundlevel-high.backgroundstyle-style5 #rt-main-background {
background: url(../images/backgrounds/style5/high/4.jpg) 49% 0 repeat-y;

и Футер

Код

#footer {
background: url("../images/backgrounds/style5/high/6.jpg") no-repeat scroll 65% 0 transparent;
height: 120px;
position: relative;
width: 1085px;
margin: 0 -145px;

Если разрешение окна браузера больше 1000px, то блоки стоят как нужно. А если окно уменьшить, например до 800px, то съезжают Хеадер и Футер.
Подскажите, пожалуйста как решить.

« Последнее редактирование: 31.10.2012, 16:57:50 от xabbep »

Записан

[Решено] Как сделать чтобы фотография открылась в отдельном окне? Автор a-two	Ответов: 11 Просмотров: 2907	03.11.2020, 16:57:40 от Nikolay89
Разобраться с меню, нужно выставить красиво, по центру! Автор KirillDragon	Ответов: 4 Просмотров: 1919	28.02.2018, 12:49:44 от KirillDragon
Как правильно прописать :before чтобы он работал? Автор tao2en	Ответов: 7 Просмотров: 2082	14.03.2017, 15:37:38 от tao2en
Горизонтальный вывод кнопок (изображений) Автор vaymohk	Ответов: 1 Просмотров: 1282	06.08.2016, 13:28:59 от neogeek
При наведении в блоке появлялся блок? Автор reasons	Ответов: 1 Просмотров: 1130	12.02.2016, 08:21:01 от AlekVolsk

Выставить div-ы так, чтобы не появлялся горизонтальный скрол - Вопросы по CSS

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

xabbep

Выставить div-ы так, чтобы не появлялся горизонтальный скрол

sebrotaller

Re: Выставить div-ы так, чтобы не появлялся горизонтальный скрол

xabbep

Re: Выставить div-ы так, чтобы не появлялся горизонтальный скрол

Похожие темы