Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Подвал сайта неадекватно реагирует при сворачивании браузера в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; При сворачивании браузера влево, подвал сайта начинает сжиматься тоже влево , хотя ширина вроде стоит 100% Скрин в самом низу темы CSS: *{ ...


Закрытая тема
 
Опции темы
Старый 20.03.2011, 12:50   #1
При сворачивании браузера влево, подвал сайта начинает сжиматься тоже влево , хотя ширина вроде стоит 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>
Изображения
Тип файла: jpg 123.jpg (137.3 Кб, 17 просмотров)

Последний раз редактировалось phenor; 20.03.2011 в 12:53..
 
Старый 20.03.2011, 12:50
Ссылки
Старый 21.03.2011, 14:54   #2
В вашем коде нигде нет ширины равной 100%
 
Старый 26.03.2011, 08:14   #3
Он и будет сжиматься, так как 100% это размер не экрана монитора, а 100% берется от свободного пространства, т.е. если у вас по ширине окно браузера будет 1024, то 100% = 1024, если 1440, то 100% = 1440 и т.д. Если хотите чтобы при изменении размера окна, футер не сжимался, то задайте его в px.
 
Старый 26.03.2011, 08:14
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите подобрать подвал для сайта Артур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


Текущее время: 08:36. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум