А ничего придумывать-искать и не надо... ))
Достаточно в спецификацию заглянуть...
А ничего придумывать-искать и не надо... ))
Достаточно в спецификацию заглянуть...
Originally posted by null@Mar 6 2007, 18:08
[b]Aykroyd, к низу чего? у него высота body меньше высоты окна.Так почему у блока "TEST" высота не 100% в Opera и Firefox ?Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> <html> <head> <style><!-- * { * *margin: 0px; * *padding: 0px; } body { * *width: 100%; * *height: 100%; * *min-height: 100%; * *position: relative; } * html body { * *height: 100%; } div#test { * *width: 800px; * *height: 100%; * *background-color: Lime; } --></style> </head> <body> <div id='test'></div> </body> </html>
иКод:html {height: 100%;}
если уж решились на сей подвиг...Код:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Спасибо Aykroyd, но почему если я указываю тип документа это подвиг ?
Но ведь этот вариант хорош если данных в таблице меньше чем на высоту страницы, а как поступить если данных в таблице много, на 1.5 страницы. Ведь тогда footer перекроет данные таблицы потому что задано абсолютное позиционирование. Есть способ работающий одинаково хорошо как с небольшим числом данных так и с большим числом данных в таблице?
Первый пост в этом топике, у меня таже проблема. Только данных в зависимости от вывода информации на разную высоту, от одной страницы до двух в высоту.Originally posted by Aykroyd@Jun 11 2007, 14:34
[b]Какой еще нафик таблицы?
Да хоть от четверти одной страницы и до шестидесяти в высоту... В чем проблема-то?
Есть... Он выше в этой теме описан...Есть способ работающий одинаково хорошо как с небольшим числом данных так и с большим числом данных?
Проблема в том что я даже не представляю как это сделать без таблицы или абсолютного позиционирования. Для примера вот элементарная схема:Originally posted by Aykroyd@Jun 11 2007, 15:06
[b]Да хоть от четверти одной страницы и до шестидесяти в высоту... В чем проблема-то?
Как с помощью CSS можно сделать чтобы footer всегда был внизу контейнера а не страницы ?Код:<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html xmlns='http://www.w3.org/1999/xhtml'> <head> <style><!-- *{margin:0px;padding:0px;font-size:100.01%;} html,body{width:100%;height:100%;} body{min-height:100%;position:relative;} div#container {width: 800px;position: relative;height: 100%;background-color:Lime;} div#info {width: 100%;background-color: white;} div#footer {width: 100%;height: 100px;} --></style> </head> <body> <div id='container'> ****<div id='info'></div> ****<div id='footer'></div> </div> </body> </html>
с FF и Opera нет никаких проблем... да и быть их не может...
если, конечно, эти проблемы самому себе не создавать всякими <p style='margin-bottom: 200px;'>...
Согласен с FF нет проблем, но с Operой как и с IE проблемы есть, если перед футером например не добавить <p style='margin:0 0 200px 0;'></p>, то футер перекрывает контент а это проблема как не крути.Originally posted by Aykroyd@Jun 14 2007, 16:28
[b]с FF и Opera нет никаких проблем... да и быть их не может...
если, конечно, эти проблемы самому себе не создавать всякими <p style='margin-bottom: 200px;'>...
Aykroyd если проблемы были только с IE, то возможно было указать в CSS специально правило для IE. Вроде специальный комментарий позволяет это сделать. Есть такое или я ошибаюсь?
P.S. просматривал в Opera v9.0, FF v2.0, IE v6.0
[/quote]
Мда... Подсказка: для того, чтобы контент не залазил под абсолютно спозиционированный футер, никогда не задают отступы или поля этому самому футеру. Для решения этой проблемы основной контент заключают в отдельный блок и задают этому блоку нижний паддинг, равный высоте футера...
Файл не смотрел...
Действительно Мда... всё гениально и просто. Благодарю, разобрался!
Всуну своих 5 копеек насчет выравнивания по ширине. блок в потоке растягивается на всю ширину родительского блока. если у него width:100%(ширина вместе с всеми отступами, бордерами и прочим), то как его можно выровнять по центру? и даже margin:0 auto; не поможет. Выровнять блок по центру можно только в том случае, если у него статическая ширина.