помогите с HTML

B
На сайте с 01.06.2007
Offline
0
465

Вообщем такая задача.

Есть ХТМЛ страница, у которой высота наполнения (статическая) 750px.

Весь контент поделен как всегда на 3 части.

Header

Content_text

Footer

Теперь в чем вся сложность.

Мне нужно зделать что бы футер было всегда видно. Как бы браузеру не менять размер. тоесть если высота браузера будет 600px, нужно что бы Footer налазил на Content_text. Но также нельзя что бы он отрывался в низ от Content_text. Тоесть если высота браузера бедут больше 1000px то нужно что бы Footer весел под Content_text а не притягивался к низу. Ещё раз напомню наполнение по высоте статичное. Тоесть Header и Content_text растягивать и сужать немогу.

Вроде понятно обяснил проблему.

Очень прошу помочь мне.

ТВЭЛ
На сайте с 29.09.2006
Offline
111
#1

Bursak, бред :) А с чего ради "высота браузера" 600 px?

Если я правильно понял, что вам нужно, то можно использовать примерно такое решение...


...
<!-- HTML -->

<div id='content'>
Здесь все, кроме низа.
</div>

<div id='footer'>
А вот тут ваш «футир» :)
</div>
...


...
/* CSS */
html, body {height: 100%;}
#content {height: 80%; overflow: auto; position: absolute; top: 0; left: 0;}
#footer {height: 20%; position: absolute; top: 80%; left: 0;}
...
Время не ждёт.
ТВЭЛ
На сайте с 29.09.2006
Offline
111
#2

Да, кстати, в CSS еще лучше тогда добавить к селектору [html, body] свойство [overflow: hidden;]. Это уберет идиотскую пустую полосу прокрутки в IE, если текста будет мало.

LeonCrab
На сайте с 30.01.2007
Offline
189
#3

Вам стоит сходить на этот форум.

Помощь в создании сайтов на MODX, Laravel, Slim. В личку. Хостинг, которому я доверяю (https://beget.com/p181956).
Ткач
На сайте с 29.04.2007
Offline
95
#4

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

задай боди высоту 100%, подвалу

.footer{

position: absolute; height: 100px;
bottom: 0;}
всё
Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
B
На сайте с 01.06.2007
Offline
0
#5
ТВЭЛ:
Bursak, бред :) А с чего ради "высота браузера" 600 px?
Если я правильно понял, что вам нужно, то можно использовать примерно такое решение...


...
<!-- HTML -->

<div id='content'>
Здесь все, кроме низа.
</div>

<div id='footer'>
А вот тут ваш «футир» :)
</div>
...



...
/* CSS */
html, body {height: 100%;}
#content {height: 80%; overflow: auto; position: absolute; top: 0; left: 0;}
#footer {height: 20%; position: absolute; top: 80%; left: 0;}
...

Ну бред не бред.

А в проблемы вроде бы как вы мне помогли )

Спасибо )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий