CSS как убрать белое поле

@ZIROKUL · Регистрация: 21.09.2010

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

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

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
/* CSS Document */
* {
    padding: 0;
    margin: 0;
}
 
 
html, body {
    height: 100%; /*  Высота страницы сайта */
    font-family: 'Minion Pro', Times, serif, Arial; /* Имя шрифтов на сайте */
}
 
/* ###############################
#####  Главный блок сайта main ####  
################################## */
div.main {
    background: #CECECE; /* Цвет фона блока */
    height: auto!important; /* для IE6*/
    height: 100%; /* Ширина главного блока сайта */
    min-height: 100%; /* Минимальная ширина главного блока сайта */ 
}
    div.main div.container {
        padding-bottom:110px;  /* Поле сверху от Footera */
    }
 
/* ###############################
#####    Блок сайта header     ####  
################################## */
 
div.header {
    background: url(/images/header_1.png) repeat-x ;
    width: 100%;
}
 
div.logo_wp p {
    color: #fff; /* Цвет текста с классе logo_wp */
}
 
.Andrey {
    font-size: 1.5em; /* Размер логотипа сайта */
    font-style: bold; /* Ширный шрифт */
    width: 200px;
    padding: 2px 0 3px 16px;
}
 
/* ###############################
#####  Подвал сайта сайта footer ####  
################################## */
 
div.footer {
    background: #7A7A7A; /* Цвет фона блока */
    height: 100px;  /* Высота блока footer */
    margin-top: -100px; /* Отступ сверху */
}

@maximus2011 · 02.03.2014, 18:12

Некорректное отображение

@zme9 · 02.03.2014, 19:55

В консолке браузера посмотрите. И на будущее , указывать

CSS
1
2
3
4
*{
 margin:0;
 padding:0;
}

Не желательно , даже не рекомендуется.

@ZIROKUL · 02.03.2014, 20:37 **[ТС]**

Добавлено через 2 минуты

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

В консолке браузера посмотрите. И на будущее , указывать

CSS
1
2
3
4
*{
 margin:0;
 padding:0;
}

Не желательно , даже не рекомендуется.

Первый раз слышу такое, что бы не рекомендовалось скидывать базовые настройки: margin , padding для браузера...

Добавлено через 9 минут

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

Некорректное отображение

Если я увеличиваю width, больше чем он сейчас, то появляется та же проблема + нижний отступ от края в GooglХроме, после footer.

CSS
1
2
3
4
5
6
.Andrey {
    font-size: 1.5em; /* Размер логотипа сайта */
    font-style: bold; /* Ширный шрифт */
   [B] width: 200px;[/B] 
    padding: 2px 0 3px 16px;
}

@maximus2011 · 02.03.2014, 20:45

так не надо увеличивать ширину )) Нужно указать тем блокам, которые растягиваются на весь экран, тоесть дивам, что у них минимальная ширина должна быть равна ширине основного контента min-width: /*тут ширина основного контента*/

@zme9 · 02.03.2014, 20:45

На htmlbook по моему есть тема , почему не стоит использовать этот селектор.
Лучше использовать :

CSS
1
2
3
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, label, p, blockquote, th, td {
    margin:0;
    padding:0;

@maximus2011 · 02.03.2014, 20:46

да сбросы тут не причем )) это уже другая история ))

@Pepsy · 03.03.2014, 18:56

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

CSS
1
2
3
4
html, body {
* * height: 100%; /* *Высота страницы сайта */
* * font-family: 'Minion Pro', Times, serif, Arial; /* Имя шрифтов на сайте */
}

может быть не height, а width?

@zme9 · 03.03.2014, 21:42

Просто в ту область правой кнопкой и в консоле браузера посмотрите отступ и уберите его.

@ZIROKUL · 05.03.2014, 22:36 **[ТС]**

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

да сбросы тут не причем )) это уже другая история ))

Убрать боковую белую полоску я смог только при помощи в классе .main { min-width: 1124px; } она пропала, но не могу убрать нижнюю белую полоску, в footer если я указываю height например с значением 60 px то появляется нижняя полоса. А если его не указывать а просто опустить margin-top: то то же появляется. подскажите как можно убрать и ее. ( ОТОБРАЖАЕТСЯ ТОЛЬКО В ХРОМЕ )

Добавлено через 58 минут
Создавал такой CSS :

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, label, p, blockquote, th, td {
    margin:0;
    padding:0;
}
 
html, body {
 
 
    font-family: 'Minion Pro', Times, serif, Arial; /* Имя шрифтов на сайте */
}
 
 
/* ###############################
#####  Главный блок сайта main ####  
################################## */
.main {
 background: #FF0202;
}

Всеравно белая полоса в Хроме. Подскажите что не так

@maximus2011 · 05.03.2014, 22:43

дайте ссыль на сайт или файл html и css полностью. Загрузите сюда именно файлы, по кускам долго будем угадывать что вы делаете не так ))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера 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. Пошагово создадим проект для загрузки изображения. . .

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	02.03.2014, 18:12
	Некорректное отображение 1

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	02.03.2014, 20:45
	так не надо увеличивать ширину )) Нужно указать тем блокам, которые растягиваются на весь экран, тоесть дивам, что у них минимальная ширина должна быть равна ширине основного контента min-width: /тут ширина основного контента/ 1

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	02.03.2014, 20:46
	да сбросы тут не причем )) это уже другая история )) 0

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	03.03.2014, 21:42
	Просто в ту область правой кнопкой и в консоле браузера посмотрите отступ и уберите его. 0

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	05.03.2014, 22:43
	дайте ссыль на сайт или файл html и css полностью. Загрузите сюда именно файлы, по кускам долго будем угадывать что вы делаете не так )) 0