Ширина содержимого Div (проблема утечки)

Question

Ширина содержимого Div (проблема утечки)

0

Проблема: основной контент и нижний колонтитул не растут со скоростью 100%.

CSS-код;

div.header{width:100%; height:50px;};
div.headercontent{width:980px; margin:0 auto;};
div.maincontent{width:100%;};
div.footer{width:100%; height:50px;}

Chris Spittles 11 апр. 2014, в 12:26

Источник

2

Сделать человека скрипкой, как мы можем решить это?
Just code 11 апр. 2014, в 09:44
0

ты пробовал показывать: блок;
G.L.P 11 апр. 2014, в 09:45
2

Добавьте пожалуйста HTML структуру
AlexPrinceton 11 апр. 2014, в 09:46
0

определить ширину тела ИЛИ div с заголовком, нижним колонтитулом и содержимым внутри
Mr.TK 11 апр. 2014, в 09:53

Показать ещё 2 комментария

Теги:

html

css

html5

css3

2 ответа

0

Удалить ";" после объявления правила

AlexPrinceton 11 апр. 2014, в 07:52

Ещё вопросы

Сделать человека скрипкой, как мы можем решить это?
Добавьте пожалуйста HTML структуру
определить ширину тела ИЛИ div с заголовком, нижним колонтитулом и содержимым внутри

Chris Spittles · Accepted Answer · 2014-04-11T07-40-00.000Z

Это отлично работает для меня:

http://jsfiddle.net/3dzH2/2/

Вы можете удалить точку с запятой после каждого объявления CSS:

body {
    margin: 0;
}
div.header {
    height: 50px;
    background: #b6ff00;
}
div.headercontent {
    width: 980px;
    margin: 0 auto;
}
div.maincontent {
    background: #ff7f27;
}
div.footer {
    height: 50px;
    background: #000;
    color: #fff;
}

И HTML, я предполагаю, что вы используете (как вы еще не указали):

<div class="header">
    <div class="headercontent">
        Header    
    </div>    
</div>

<div class="maincontent">
    Main Content
</div>

<div class="footer">
    Footer
</div>

Это работает для меня в каждом браузере, на котором я тестировал. Объясните, почему это не работает и чем не работает, чтобы я мог продолжать помогать.