А ничего придумывать-искать и не надо... ))
Достаточно в спецификацию заглянуть... [Only registered and activated users can see links. Click Here To Register...]
Вид для печати
А ничего придумывать-искать и не надо... ))
Достаточно в спецификацию заглянуть... [Only registered and activated users can see links. Click Here To Register...]
Цитата:
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@Mar 6 2007, 15:14
[b]Прилепите футер к низу абсолютно.
[Only registered and activated users can see links. Click Here To Register...]
Какой еще нафик таблицы?
Первый пост в этом топике, у меня таже проблема. Только данных в зависимости от вывода информации на разную высоту, от одной страницы до двух в высоту.Цитата:
Originally posted by Aykroyd@Jun 11 2007, 14:34
[b]Какой еще нафик таблицы?
Да хоть от четверти одной страницы и до шестидесяти в высоту... В чем проблема-то?
Есть... Он выше в этой теме описан...Цитата:
Есть способ работающий одинаково хорошо как с небольшим числом данных так и с большим числом данных?
Проблема в том что я даже не представляю как это сделать без таблицы [Only registered and activated users can see links. Click Here To Register...] или абсолютного позиционирования. Для примера вот элементарная схема:Цитата:
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>
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
Низкий поклон, добился требуемого в IE теперь осталось решить проблему с FF и Opera.Цитата:
Originally posted by Aykroyd@Jun 12 2007, 22:11
[b][Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
с 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]Цитата:
Originally posted by Рёга@Jun 14 2007, 23:12
Есть такое или я ошибаюсь?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Мда... Подсказка: для того, чтобы контент не залазил под абсолютно спозиционированный футер, никогда не задают отступы или поля этому самому футеру. Для решения этой проблемы основной контент заключают в отдельный блок и задают этому блоку нижний паддинг, равный высоте футера...
Файл не смотрел...
Действительно Мда... всё гениально и просто. Благодарю, разобрался!
Всуну своих 5 копеек насчет выравнивания по ширине. блок в потоке растягивается на всю ширину родительского блока. если у него width:100%(ширина вместе с всеми отступами, бордерами и прочим), то как его можно выровнять по центру? и даже margin:0 auto; не поможет. Выровнять блок по центру можно только в том случае, если у него статическая ширина.
KukMan
пешите исчо )) :clapping: