Подвал сайта неадекватно реагирует при сворачивании браузера

phenor · 20.03.2011, 12:50

При сворачивании браузера влево, подвал сайта начинает сжиматься тоже влево , хотя ширина вроде стоит 100%
Скрин в самом низу темы

CSS:
*{ margin: 0; padding: 0; }*
html, body {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em; }
.push {
height: 4em; clear: both;
}
.footer {
height: 90px;
background-color: orange;
margin-top: -90px;
clear: both;
}
body {
margin:0;
font:12px Tahoma;
color:#DDEEFF;
background:url(bg/bg_2.png) 50% 0 repeat-y black;
}
#content {
width:1000px;
margin:0 auto;
background:url(bg/center.png) no-repeat;
height: 500px;
min-height: 100%;

}
#left { margin: 0 0 30px; clear: left; width: 200px; float: left; }
#center { width: 969px; float: left; margin: 0 0 20px 15px; }
#content2 {
width:1000px;
margin:0px auto;
margin-top: 20px;
}

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>титул</title>
</head>
<body>
<div class="wrapper">
<div id="content">

тут кнопки разные , блоки

<br clear="all" />
<div id="content2">
</div>
</div>
</div>
<br clear="all" />
<div class="footer">
</div>
</body>
</html>

Макс-Текс · 21.03.2011, 14:54

В вашем коде нигде нет ширины равной 100%

DStereo · 26.03.2011, 08:14

Он и будет сжиматься, так как 100% это размер не экрана монитора, а 100% берется от свободного пространства, т.е. если у вас по ширине окно браузера будет 1024, то 100% = 1024, если 1440, то 100% = 1440 и т.д. Если хотите чтобы при изменении размера окна, футер не сжимался, то задайте его в px.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите подобрать подвал для сайта	Артур449	Графические работы	7	03.05.2012 22:46
как зафиксировать подвал под IE6 и другое старье	DeCa	HTML, CSS, JavaScript	2	13.02.2011 13:06
Opera и Css - неадекватно отображает. Помогите!	variant_penza	HTML, CSS, JavaScript	11	24.03.2007 02:39
настройки браузера	negodiy	HTML, CSS, JavaScript	10	11.03.2005 12:22
Textarea не реагирует на тэги	Tosik	HTML, CSS, JavaScript	3	01.02.2005 10:28

21.03.2011, 14:54	#2
Макс-Текс	В вашем коде нигде нет ширины равной 100%

26.03.2011, 08:14	#3
DStereo	Он и будет сжиматься, так как 100% это размер не экрана монитора, а 100% берется от свободного пространства, т.е. если у вас по ширине окно браузера будет 1024, то 100% = 1024, если 1440, то 100% = 1440 и т.д. Если хотите чтобы при изменении размера окна, футер не сжимался, то задайте его в px.

20.03.2011, 12:50
Ссылки