Настроить ширину сайта

@Fruit · Регистрация: 17.02.2016

Студворк — интернет-сервис помощи студентам

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

@astartes · 20.02.2016, 15:47

возможно ширина блока с контентом превышает размер экрана или фон слишком широкий
смотрите размеры составляющих сайта и сравнивайте с размерами экрана. Что-то куда-то не вписывается)

@devil2010 · 20.02.2016, 23:09

max-width , max-height можешь auto поставить, можешь по определенному размеру экрана сделать, ну а вообще раз такая проблема. значит сайт без адаптации..поэтому это только начало твоих проблем)

@Fruit · 21.02.2016, 00:14 **[ТС]**

Да я уже все перепробовал, отменил все что делал до появления этого, проблема осталась ...

@AlexBBB · 21.02.2016, 00:39

Fruit, если сайт рабочий кинь ссылку глянем

@Fruit · 21.02.2016, 01:06 **[ТС]**

AlexBBB, http://evakuator-group163.ru Спасибо.

@AlexBBB · 21.02.2016, 01:25

Fruit, Сходу нашел одну проблему точно, тег .phone, посмотрите стили, у вас там position left 965px, задан два раза причем.

Добавлено через 5 минут
Fruit, Если вы хотите задавать позиционирование для блока, используйте абсолютное. Относительно позиционирование используется для того, чтобы позиционировать потомков "относительно" родителя. То-есть в вашем случае, необходимо для .phone задать position:relative, а для ссылки position:absolute; и двигать уже внутренний блок

Добавлено через 5 минут
Не дублируйте стили, иначе, сами потом не сможете разобраться, где что сделали.
Так же используйте <!DOCTYPE html> для того, чтобы использовать возможности html5.
Ваша Главная проблема, в том что вы бездумно используете позиционирование. Много лишнего кода, отсутствие семантики и валидности.

Добавлено через 3 минуты
Не используйте устаревшие теги типа font. Задавайте форматирование текста с помощью css.

@Fruit · 21.02.2016, 13:29 **[ТС]**

AlexBBB, В край запутался ...

@AlexBBB · 21.02.2016, 15:27

Fruit, в чем именно? Спрашивайте

@Cdelphi78 · 21.02.2016, 18:31

Сообщение от AlexBBB

Если вы хотите задавать позиционирование для блока, используйте абсолютное.

Почему? Я использую только тогда когда через относительное невозможно сделать.

@AlexBBB · 21.02.2016, 18:36

Cdelphi78, Возможно не прав, но использую относительное, только как контейнер для абсолютных, чтобы не уезжали дальше нужного

Хотя, да если вдуматься, то получается лишний блок, там где можно воспользоваться одним с относительным

@devil2010 · 22.02.2016, 00:08

думаю сам поймешь...

@devil2010 · 22.02.2016, 00:19

он вроде блоком у тебя идет...вроде phone класс называется...попробуй display:inline; Но там еще что то не дает развернуться в полную ширину экрана. И отформатируй шрифт...глаза поломал пока читал

Добавлено через 4 минуты
и у тебя походу в навигации сайта на hover стоит отмена стилей...или вообще не стоит, сделай себе переменную основного текста фона и используй ее, если забываешь прописывать одинаковые стили.Потому что когда я навожу мышке на Главную...то я не могу прочитать этот красный текст

@Fruit · 22.02.2016, 11:59 **[ТС]**

Да как бы я не менял относительную, проблема с номером остается та же ...

@Cdelphi78 · 22.02.2016, 12:16

Fruit, right: -970px; убери в двух местах у класса .phone

@Fruit · 22.02.2016, 12:20 **[ТС]**

Cdelphi78, у меня только в одном месте, и если убрать то номер сбежит со своего места, да проблема та уйдет, но и нормер будет не на своей месте !

@Cdelphi78 · 22.02.2016, 12:34

Fruit, как в одном если я вижу у вас там два одинаковых файла style.css соответсвенно все правила дублируются.

Добавлено через 34 секунды
Fruit, ну дык правильно потому что телефон нужно по другому разместить, щас...

Добавлено через 9 минут
Эм.. у вас там нет контейнеров поэтому цепляться то особо не к чему, в этой ситуаций могу предложить только вот так сделать.
Добавить:

CSS
1
2
3
body {
position:relative;
}

Заменить:

CSS
1
2
3
4
5
6
7
.phone {
    position: absolute;
    top: 56px;
    padding: 1em;
    right: 116px;
    display: block;
}

@Fruit · 22.02.2016, 12:49 **[ТС]**

Cdelphi78, все сделал, настроил не много, получилось, теперь не так сильно выпирает

Спасибо.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375

	Настроить ширину сайта 20.02.2016, 14:34. Показов 2350. Ответов 17 Метки нет (Все метки) Парни проблема, заметил не сразу, , у меня на сайте появилась горизонтальная полоса прокрутки, то есть как видно на скрине, справа от сайта есть еще пустое место, как это возможно убрать и в чем причина, большое спасибо. 0

@astartes 7 / 7 / 4 Регистрация: 16.06.2015 Сообщений: 63
	20.02.2016, 15:47
	возможно ширина блока с контентом превышает размер экрана или фон слишком широкий смотрите размеры составляющих сайта и сравнивайте с размерами экрана. Что-то куда-то не вписывается) 1

@devil2010 4 / 4 / 0 Регистрация: 16.01.2014 Сообщений: 47
	20.02.2016, 23:09
	max-width , max-height можешь auto поставить, можешь по определенному размеру экрана сделать, ну а вообще раз такая проблема. значит сайт без адаптации..поэтому это только начало твоих проблем) 1

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375
	21.02.2016, 00:14 [ТС]
	Да я уже все перепробовал, отменил все что делал до появления этого, проблема осталась ... 0

@AlexBBB 22 / 22 / 9 Регистрация: 16.03.2015 Сообщений: 193
	21.02.2016, 00:39
	Fruit, если сайт рабочий кинь ссылку глянем 0

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375
	21.02.2016, 01:06 [ТС]
	AlexBBB, http://evakuator-group163.ru Спасибо. 0

@AlexBBB 22 / 22 / 9 Регистрация: 16.03.2015 Сообщений: 193
	21.02.2016, 01:25
	Fruit, Сходу нашел одну проблему точно, тег .phone, посмотрите стили, у вас там position left 965px, задан два раза причем. Добавлено через 5 минут Fruit, Если вы хотите задавать позиционирование для блока, используйте абсолютное. Относительно позиционирование используется для того, чтобы позиционировать потомков "относительно" родителя. То-есть в вашем случае, необходимо для .phone задать position:relative, а для ссылки position:absolute; и двигать уже внутренний блок Добавлено через 5 минут Не дублируйте стили, иначе, сами потом не сможете разобраться, где что сделали. Так же используйте <!DOCTYPE html> для того, чтобы использовать возможности html5. Ваша Главная проблема, в том что вы бездумно используете позиционирование. Много лишнего кода, отсутствие семантики и валидности. Добавлено через 3 минуты Не используйте устаревшие теги типа font. Задавайте форматирование текста с помощью css. 1

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375
	21.02.2016, 13:29 [ТС]
	AlexBBB, В край запутался ... 0

@AlexBBB 22 / 22 / 9 Регистрация: 16.03.2015 Сообщений: 193
	21.02.2016, 15:27
	Fruit, в чем именно? Спрашивайте 0

@AlexBBB 22 / 22 / 9 Регистрация: 16.03.2015 Сообщений: 193
	21.02.2016, 18:36
	Cdelphi78, Возможно не прав, но использую относительное, только как контейнер для абсолютных, чтобы не уезжали дальше нужного Хотя, да если вдуматься, то получается лишний блок, там где можно воспользоваться одним с относительным 0

@devil2010 4 / 4 / 0 Регистрация: 16.01.2014 Сообщений: 47
	22.02.2016, 00:08
	думаю сам поймешь... 0

@devil2010 4 / 4 / 0 Регистрация: 16.01.2014 Сообщений: 47
	22.02.2016, 00:19
	он вроде блоком у тебя идет...вроде phone класс называется...попробуй display:inline; Но там еще что то не дает развернуться в полную ширину экрана. И отформатируй шрифт...глаза поломал пока читал Добавлено через 4 минуты и у тебя походу в навигации сайта на hover стоит отмена стилей...или вообще не стоит, сделай себе переменную основного текста фона и используй ее, если забываешь прописывать одинаковые стили.Потому что когда я навожу мышке на Главную...то я не могу прочитать этот красный текст 1

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375
	22.02.2016, 11:59 [ТС]
	Да как бы я не менял относительную, проблема с номером остается та же ... 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	22.02.2016, 12:16
	Fruit, right: -970px; убери в двух местах у класса .phone 0

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375
	22.02.2016, 12:20 [ТС]
	Cdelphi78, у меня только в одном месте, и если убрать то номер сбежит со своего места, да проблема та уйдет, но и нормер будет не на своей месте ! 0

@Fruit 10 / 9 / 5 Регистрация: 17.02.2016 Сообщений: 375
	22.02.2016, 12:49 [ТС]
	Cdelphi78, все сделал, настроил не много, получилось, теперь не так сильно выпирает Спасибо. 0

Настроить ширину сайта

Решение