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

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

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

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

CSS

/* 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

*{
 margin:0;
 padding:0;
}

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

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

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

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

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

CSS

*{
 margin:0;
 padding:0;
}

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

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

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

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

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

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

CSS

.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

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

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 полностью. Загрузите сюда именно файлы, по кускам долго будем угадывать что вы делаете не так ))

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

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

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

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

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