верстка и валидность кода

123
AN
На сайте с 14.03.2007
Offline
47
#11

Мой способ прибить footer к низу.

<div class="all">Здесь Все содержание страницы</div>

<div class="footer"></div>

Стили:

.all { height: 100%}

.footer { height: 60px;

margin-top: -60px;}

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

.footer не наехали.

Работает везде, даже в пятерке.

Вообщем скромно считаю, лучшем решением.:)

Верстка. Портфолио (http://webvector.ru/)
Mmonger
На сайте с 01.12.2005
Offline
165
#12

Есть чуть более расширенный вариант:


<body>
<div id="all">
Основной контерн
<div id="empty">&nbsp;</div>
<div id="footer">Подвал</div>
</div>
</body>

Стили:


html,body{height:100%}
#all{position:relative;height:100%}
html>body #all{height:auto;min-height:100%}
#footer{height:100px;position:absolute;left:0px;bottom:0px;width:100%}
#empty{height:120px}
Всё будет хорошо, но мы приложим усилия!
Ёжик В Тумане
На сайте с 26.07.2006
Offline
16
#13
ASA_NN:
Мой способ прибить footer к низу.

Еще есть такой вариант: Укрощение подвала , хотя сам не проверял...

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...
Dwarf
На сайте с 06.10.2004
Offline
60
#14

Вот вам шаблончик тестовый.

http://www.xtracard.ru/test/3_column_fluid.htm

Valid XHTML 1.0 Strict, valid CSS.

Деревянные окна (http://www.wood-win.ru/)
cims
На сайте с 15.11.2005
Offline
60
#15

Ну и доктайп то надо правильно прописывать

http://www.w3.org/TR/html401/struct/global.html#h-7.1

AlexTime
На сайте с 11.04.2007
Offline
4
#16

я примерно так и делал как во втором варианте, не работает в мозиле,

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

Всем спасибо огромное, убежал тестировать

Принимаю заказы на разработку сайтов, банеров, логотипов, flash-анимации (/ru/forum/134611)
AlexTime
На сайте с 11.04.2007
Offline
4
#17

ага, а может быть такое что дело в доктайпе?

я пробовал в таком

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

когда его убирал, всё нормализовывалось

Николай В.
На сайте с 07.09.2006
Offline
62
#18

AlexTime, у меня такое чувство, что вы не с того конца дело начинаете. Я бы на вашем месте почитал спецификации, статьи и прочий теоритический материал. Практика — дело хорошее, но только если есть некий теоритический базис. А то, я смотрю, вы даже не понимаете, что такое доктайп и зачем он делает.

AlexTime
На сайте с 11.04.2007
Offline
4
#19

Николай В., согласен полностью, не читал документаций и переводов различных стандартов, начинал с практики, пользуясь валидатором, приводил код в порядок, но что плохово в том, что через практику пришел к теории и получению определенных знаний помоему как раз на том форуме, на котором найти таковые можно, побыв здесь не так много получил целый вагон новых знаний по оптимизации, у каждого есть свой опыт и интересно когда такое кол-во людей ими делятся.

Другое дело многие считают уже себя во всем доками, но я придерживаюсь мнения, что форумы создаются как раз для непосредственного общения.

В любом случае спасибо за ответы, за критику и за предоставленные материалы и того над чем стоило бы задуматься тоже.

AlexTime
На сайте с 11.04.2007
Offline
4
#20

Собственно всем спасибо, нашел то, что мне было нужно,

Существует три версии XHTML 1.0: Transitional — переходный, Strict — строгий, Frameset — для фреймов. Пожалуй, Transitional версия на сегодняшний день наиболее интересна. Она предназначена для постепенного перехода от устаревшего HTML к XHTML, в ней не такие строгие правила, как в Strict, и ее уже понимают все современные браузеры. Конечно, переходить к новым стандартам ради самого процесса перехода не стоит, нужно понять, зачем это нужно вам или вашей компании.

http://www.w3.org/ — W3C, описание стандартов XHTML и CSS

http://validator.w3.org/ — сервис для проверки корректности HTML 4.01, XHTML 1.0 и XHTML 1.1 файлов.

http://jigsaw.w3.org/css-validator/ — сервис для проверки корректности CSS файлов.

:P

123

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