Div width=100% более ширины окна браузера

@pivkos · Регистрация: 11.08.2009

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

Здравствуйте!

Уже часа 2 ломаю голову и никак не могу найти решение:

Есть страница, контент, шире окна браузера.

Внизу есть футер, в стилях стоит width: 100%

Но футер тянется не на всю ширину страницы, а только на ширину окна браузера.
Doctype - strict.

Вот пример кода с описанной выше проблемой:

HTML5

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Див по ширине страницы</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <style type="text/css">
            html, body {
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 100%;
            }
            #wrap1 {
                margin: 0 auto;
            }
            #content1 {
                position: relative;
                width: 1200px;
                height: 1000px;
                background-color: blue;
                
            }
            #content2 {
                position: relative;
                margin-left: 1200px;
                width: 200px;
                height: 200px;
                background-color: green;                
            }
            #footer {
                width: 100%;
                background-color: red;
            }
          </style>
    </head>
<body>
    <div id="wrap1">
        <div id="content1">Content 1
            <div id="content2">Content 2</div>
        </div>
    </div>
    <div id="footer">Footer</div>
</body>
</html>

Подскажите, как растянуть футер на всю страницу?

Заранее спасибо!

Vovan-VE · 09.02.2011, 19:10

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

Но футер тянется не на всю ширину страницы, а только на ширину окна браузера.

На самом деле всё наоборот: контент вылезает за пределы окна, а футер ведет себя корректно.

Переместите footer внутрь wrap1 в конец и добавьте последнему минимальную или фиксированную ширину (1440?)

CSS

1	#wrap1 {width:1440px;}

@pivkos · 09.02.2011, 20:24 **[ТС]**

Проблема решена, всем спасибо!

@pivkos 0 / 0 / 0 Регистрация: 11.08.2009 Сообщений: 9
	09.02.2011, 20:24 [ТС]	3
	Проблема решена, всем спасибо! 0