Футер, при уменьшении масштабирования, едет вверх

@morda77 · Регистрация: 22.12.2012

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

Есть верстка: http://morda77.zg5.ru/
При уменьшении масштабирования до 33%, вроде бы прижатый книзу окна браузера футер, едет вверх, наезжая на другие блоки. Так же в футере все ссылки не активны при наведении, что явно как-то связано с проблемой футера.
Как быть?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!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">
<title>Святогор Реалти</title>
<link href="css/style.css" type="text/css" rel="stylesheet">
 
 
</head>
<body>
 
<div class="fix"><!--Класс fix-->
    <div class="header"><!--Класс Header-->
      <div class="logo"><!--Логотип--><a href="/"><img src="images/logo.png"></div><!--Конец класса Logo-->
      <div class="navigation_gorizont"><!--Верхнее горизонтальное меню-->
        <ul>
          <li><a href="#">Аренда квартир</a></li>
          <li><a href="#">Продажа квартир</a></li>
          <li><a href="#">Аренда офисов</a></li>
          <li><a href="#">Продажа офисов</a></li>
         </ul>
      </div><!--Конец верхнего горизонтального меню-->
      <div class="navigation_vert"><!--Верхнее вертикальное меню-->
            <ul>
              <li><a href="#">Аренда жилья</a></li>
              <li><a href="#">Продажа / покупка жилья</a></li>
              <li><a href="#">Коммерческая  недвижимость</a></li>
              <li><a href="#">Загородная  недвижимость</a></li>
              <li><a href="#">Оформление документов</a></li>
              <li><a href="#">Полезная информация</a></li>
              <li><a href="#">О компании</a></li>
              <li><a href="#">Вакансии</a></li>
              <li><a href="#">Контакты</a></li>
             </ul>
          </div><!--Конец вертикального меню-->
          <div class="head_right"><!--Правая колонка хедера-->
          <ul>
              <li><a href="#"><h1>Группа компаний «Святогор»</h1></a></li>
              <br>
              <li>Мы всегда устремлены вперед.<p> Принцип нашей работы – постоянное<p> развитие, совершенствование<p> качества услуг и расширение круга<p> деятельности. В ближайших планах<p> компании – завоевание достойных<p> позиций на формирующихся рынках<p> инвестиционных контрактов и<p> земельных участков.</li><br><br><br>
                <li><h2>Спецпредложения —</h2></li>
             </ul>
            </div><!--Конец правой колонки хедера-->
     </div><!--Конец класса Header-->
        
    <div class="content_pictures"><!--Класс картинки контента--></div><!--Конец класса картинки контента-->
    <div class="content"><!--Класс content-->
      <div class="navigation_content"><!--Навигация в контенте-->
        <ul>
          <li><a href="#">Аренде элитных квартир</a></li>
          <li><a href="#">Сдать квартиру</a></li>
          <li><a href="#">Снять квартиру/a></li>
          <li><a href="#">Сдать комнату</a></li>
          <li><a href="#">Снять комнату</a></li>
         </ul>
         
         <ul>
          <li><a href="#">Аренде элитных квартир</a></li>
          <li><a href="#">Сдать квартиру</a></li>
          <li><a href="#">Снять квартиру</a></li>
          <li><a href="#">Сдать комнату</a></li>
          <li><a href="#">Снять комнату</a></li>
         </ul>
         
         <ul>
          <li><a href="#">Аренда офисных помещений</a></li>
          <li><a href="#">Аренда складских помещений</a></li>
          <li><a href="#">Аренда торговых помещений</a></li>
          <li><a href="#">Аренда помещений свободного<p>
назначения</a></li>
          <li><a href="#">Сдать офис</a></li>
           <li><a href="#">Снять офис</a></li>
         </ul>
         
    </div><!--Конец класса навигации в контенте "navigation_content"-->
    
    <div class="navigation_content_2"><!--Навигация в контенте 2-->
        
         <ul>
          <li><a href="#">Коттедж в аренду</a></li>
          <li><a href="#">Сдать коттедж</a></li>
          <li><a href="#">Продажа коттеджей</a></li>
          <li><a href="#">Ааренда коттеджей</a></li>
         </ul>
    </div><!--Конец класса навигации в контенте 2 "navigation_content_2"-->
        <div class="left"><!--Класс left-->
        </div><!--Конец rласса left-->
    </div><!--Конец класса content-->
    <div class="footer"><div><li>© 2009 Группа компаний <a href="/">«Святогор»</a> <br>
По вопросам размещения интересных материалов на нашем сайте пишите: <a href="mailto:kirfed77ne@mail.ru?subject=kirfed77ne@mail.ru">kirfed77ne@mail.ru</a><br><br>
Сайт построен Федуловым Кириллом</li></div></div>
    <div class="footer_left"><p>Владельцам недвижимости, желающим продать или сдать в аренду, мы поможем быстро продать или сдать помещение на выгодных условиях. Вы можете оставить заявку или связаться с нами по телефону.
Консутьтации по вопросам аренды и продажи недвижимости бесплатно.</p><!-- Класс footer_left -->
        <div class="partners"><!--Класс partners-->
            <div class="partners_pictures"><!--Класс картинки партнеров-->    <ul>
                          <li><a href="#"><img src="images/partners_1.png"</a></li>
                  <li><a href="#"><img src="images/partners_2.png"</a></li>
                          <li><a href="#"><img src="images/partners_3.png"</a></li>
                          <li><a href="#"><img src="images/partners_4.png"</a></li>
                 </ul>
            
            </div><!--Конец класса картинки партнеров-->
        </div><!--Конец класса partners-->   
     </div><!-- Конец класса footer_left -->      
</div><!--Конец класса fix-->
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
@import url(reset.css);
 
*{
    margin:0;
    padding:0;  
}
 
html,body{
    width:100%;
    height:100%;
    background-color:#CCCCCC;
    }
    
.fix{
 
    width:1260px;
    margin:0 auto;
    min-height:100%;
    background-color:#FFFFFF;
    position:relative;
    outline: 1px solid #000000;
}
 
.header{
    width:100%;
    height:452px;   
    background-image:url(../images/header_bacground.jpg);
    outline: 1px solid #FF0000;
}
 
.logo{
    display:block;
    float:left;
    width:191px;
    height:41px;
    background-repeat:no-repeat;    
    margin-left:78px;
    margin-top:70px;
    }
 
.navigation_gorizont{
    position:relative;
    left:-40px;
    width:720px;
    height:20px;
    margin-left:280px;
    padding-top:70px;
}
    
.navigation_gorizont ul {/*Структура навигации верхнего меню*/
    
}
    
.navigation_gorizont ul li{/*Структура блоков ссылок верхнего меню*/
    float: left;
}
    
.navigation_gorizont ul li a{/*Вид ссылок верхнего меню*/
    color:#FFF;
    text-decoration:none;
    font-family:Myriad Pro;
    font-size:14px;
    padding:0 23px;
}
 
.left {
    float:left;
    width:200px;
    clear:both;
    margin-left:80px;
    }
 
.navigation_vert{
    width:200px;
    margin-left:62px;
    }
    
.navigation_vert ul li{
    width:200px;
    padding:3px 5px;
    margin-left:10px;
    }
 
.navigation_vert ul li a{
    color:#000000;
        
    }
    
.head_right{
    float:right;
    width:190px;
    height:228px;
    position:absolute;
    left:1000px;
    top:120px;
    margin:40px 20px;
        }   
 
.head_right ul li{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif 11px;
    font-size:11px;
    color:#FFF;
    }
 
.head_right ul li h1{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif 11px;
    font-size:14px;
    color:#FFF;
    text-decoration:underline;/*Нижнее подчеркивание*/
    }
    
.head_right ul li h2{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif 11px;
    font-size:14px;
    color:#FFF;
    text-decoration:none;
    }   
        
.content{
    position:relative;
    padding:20px 20px 311px;
    outline: 1px solid #FF00FF; 
    background-color:#FFFFFF;
    height:300px
    
}
 
.content_pictures{
        position:absolute;
        width:970px;
        height:128px;
        background-image:url(../images/content_pictures.png);
        background-repeat:no-repeat;
        margin-top:-80px;
        float:left;
        z-index:3;
        outline: 1px solid #993399;
    }
 
.navigation_content {
    margin:50px 295px;
    width:700px;
    
    }
 
 
.navigation_content ul {
    float:left;
    color:#6d91a8;
    margin-right:20px;
 
    }
 
.navigation_content ul li a{
    color:#6d91a8;
    font-size:13px;
    line-height:1.5;
    }
 
.navigation_content_2 {
    margin:50px 295px;
    width:700px;
    
    }
 
 
.navigation_content_2 ul {
    float:left;
    color:#6d91a8;
    margin-left:10px;
 
    }
 
.navigation_content_2 ul li a{
    color:#6d91a8;
    font-size:13px;
    line-height:1.5;
    }
    
.partners{
    position:relative;
    width:134px;
    height:22px;
    background-image:url(../images/partners.png);
    background-repeat:no-repeat;
    left:282px;
    top:-220px;
    z-index:3;
    }
 
.partners_pictures ul {
    width:840px;
    height:200px;
    position:relative;
    bottom:-70px;
    left:30px;
    }
 
.partners_pictures ul li {
    float:left;
    width:163px;
    height:115px;
    background-repeat:no-repeat;
    }
 
 
.footer{
    width:100%;
    height:157px;
    background-image:url(../images/footer_bacground.jpg);
    position:absolute;
    bottom:0;
    outline: 1px solid #00FF00;
 
    }   
    
.footer li{
    width:700px;
    float:left;
    font-size:14px;
    line-height:1.5;
    color:#000;
    margin:50px 500px;
    list-style-type: none;/*Убираем маркеры (точки)*/
    }
    
.footer_left{
    width:279px;
    height:291px;
    background-image:url(../images/footer_left.jpg);
    position:absolute;
    bottom:0;
    outline: 1px solid #FFFF00;
    z-index:4;
    font-family:Arial, sans-serif;
    font-size:11px;
    line-height:2;
    padding:10px;
    }
        
.footer_left p{
    margin-left:70px;
    margin-top:20px;
    }

Заранее спасибо всем, кто откликнется.

@PeterLS · 26.01.2014, 19:50

У меня вроде все хорошо, футер остается внизу.

Футер, при уменьшении масштабирования, едет вверх

@morda77 · 26.01.2014, 23:40 **[ТС]**

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

У меня вроде все хорошо, футер остается внизу.
Вложение 358894

В хроме точно эта проблема видна, а ссылки футера и в хроме и в мозиле неактивны.

Добавлено через 3 часа 34 минуты
В общем, со ссылками разобрался. Поставил .partners_pictures ul {height:100px;}, а не 200px, как было.
Трабла с плавающим, при уменьшения масштаба в хроме, футером, по прежнему актуальна.

@PeterLS · 27.01.2014, 08:24

Не по теме:

morda77, к сожалению хрома нет. Посмотреть что и как не могу...

@regnised · 27.01.2014, 18:37

.footer_left p {
margin-left: 70px;
margin-top: 20px;

margin-left - нужно меньше поставить... и тогда все гуд

@morda77 · 27.01.2014, 18:54 **[ТС]**

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

.footer_left p {
margin-left: 70px;
margin-top: 20px;

margin-left - нужно меньше поставить... и тогда все гуд

А для какого блока это поставить?

@regnised · 28.01.2014, 11:07

это в коде css который ты в первом посту выложил (в самом низу).
У тебя слишком большой отступ слева и при уменьшении масштаба текст вылазит из блока.

@morda77 · 28.01.2014, 14:32 **[ТС]**

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

это в коде css который ты в первом посту выложил (в самом низу).
У тебя слишком большой отступ слева и при уменьшении масштаба текст вылазит из блока.

Не помогает. Даже так:

CSS
1
2
3
4
.footer_left p{
    margin-left:0px;
    margin-top:20px;
    }

проблема остается, хоть и съезжает меньше - всего на несколько пикселей.

@morda77 · 31.01.2014, 05:35 **[ТС]**

Я имел в виду, что съезжает так же сильно и разница с тем, что было ранее, всего в несколько пикселей.

Новые блоги и статьи Все статьи Все блоги /
Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значений справочника Maks 21.03.2026 Установка программного отбора значений справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	26.01.2014, 19:50
	У меня вроде все хорошо, футер остается внизу. 0

@PeterLS
	27.01.2014, 08:24
	Не по теме: morda77, к сожалению хрома нет. Посмотреть что и как не могу... 0

@regnised 0 / 0 / 0 Регистрация: 04.12.2011 Сообщений: 23
	27.01.2014, 18:37
	.footer_left p { margin-left: 70px; margin-top: 20px; margin-left - нужно меньше поставить... и тогда все гуд 0

@regnised 0 / 0 / 0 Регистрация: 04.12.2011 Сообщений: 23
	28.01.2014, 11:07
	это в коде css который ты в первом посту выложил (в самом низу). У тебя слишком большой отступ слева и при уменьшении масштаба текст вылазит из блока. 0

@morda77 24 / 24 / 10 Регистрация: 22.12.2012 Сообщений: 2,714
	31.01.2014, 05:35 [ТС]
	Я имел в виду, что съезжает так же сильно и разница с тем, что было ранее, всего в несколько пикселей. 0