Блочная верстка и футер

12
Дмитрий
На сайте с 23.08.2006
Offline
199
#11

Ткач, поздравляю!

Действительно не знал про этот способ, всем спасибо!

P.S. чтож вы раньше молчали? ;)

Разрабатываю и автоматизирую на php http://jonnyb.ru/
Ткач
На сайте с 29.04.2007
Offline
95
#12
ASA_NN:
Я его тоже не сразу заметил, только когда в суть стал выезжать.

Так что бы футер не наезжал на контент и задается высота для блока clear.
А в вашем случае отступ между футером и контентом будет выше на высоту футера
(скорее всего вы просто не внимательно посмотрели мой код). В вашем примере блок pre
лишний, не к чему он.:) Или, я что-то не понимаю?

сейчас приведу пример

скажем есть два блока

<div class="main">
тут все, что до футера
</div>
и
<div class="footer"></div>

так вот в стилях мэйну мы задаем

div.main {
margin-bottom: -112px;
min-width: 1024px; height: min-height:100%;
}

* html div.main {
height: 100%;
}

а подвалу

div.footer {
height: 112px;
}

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

Ну незнаю, я просто так делаю и всё ок. Попробую Ваш способ тоже обязательно, ещё просто не успел.

Приятно всё таки когда есть чем поделится с кем)

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
AN
На сайте с 14.03.2007
Offline
47
#13

Наши способы, братья близнецы.:)

Просто в первом коде, который вы привели, был блок clear и pre, и у обоих

была задана высота футтера. Один из них лишний. ;)

Верстка. Портфолио (http://webvector.ru/)
Ткач
На сайте с 29.04.2007
Offline
95
#14
ASA_NN:
Наши способы, братья близнецы.:)
Просто в первом коде, который вы привели, был блок clear и pre, и у обоих
была задана высота футтера. Один из них лишний. ;)

pre только кажется лишним, так как у обоих задана высота, но на самом деле они в разных блоках и pre выступает в качестве тумбочки (не наезжания на контент подвала)

попробуйте закиньте рыбу большую и сузьте экран без него.

а так да, похожи способы)

Ткач
На сайте с 29.04.2007
Offline
95
#15

и кстати забыл сказать, что в эти оба дива распорка вставляется, обязательно в оба

[Удален]
#16
JonnyB:
Наверное многие из вас (кто верстает в xhtml 1.0, xhtml 1.1) сталкивались с проблемой прибивки футера к нижней части экрана. Даже если использовать таблицу, то в IE появляется вертикальный скроллинг.

Я использую чаще позиционирование а не float-ы, и не таблицы. Но с футером проблем никогда не было... (особенно в случае с таблицами)

Ткач
На сайте с 29.04.2007
Offline
95
#17

Зингельшухер,

позиционирование в Опере нормально себя отображает?

[Удален]
#18
Ткач:
позиционирование в Опере нормально себя отображает?

Никогда с Оперой проблем не было, единственное для IE "хаки" иногда требуются но к футеру они отношения не имеют...

(единственный "хак" который я использовал больше чем в 30% сайтов касается "min-height" в IE)

AN
На сайте с 14.03.2007
Offline
47
#19
Зингельшухер:
Я использую чаще позиционирование а не float-ы, и не таблицы. Но с футером проблем никогда не было... (особенно в случае с таблицами)

А пример (с позиционированием) посмотреть можно?

12

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