Помощник
|
Старая кроссбраузерная верстка, нужен современный аналог, небольшое упражнение по переучиванию на современный лад |
yury_mw
|
Сообщение
#1
|
||
|
|
||
|
|||
v1ex |
12.6.2009, 16:20;
Ответить: v1ex
Сообщение
#2
|
|
html:
<!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> <title></title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=uft-8" /> </head> <body> <div class="header"> </div> <div class="middle"> </div> <div class="footer"> </div> </body> </html> css: body { margin: 0px; padding: 0px; } .header { /*свои стили*/ } .middle { min-height: 400px; } .footer { /*свои стили*/ } чтоб было занято все окно браузера по высоте http://tigir.com/javascript.htm, читаем "Как узнать ширину и высоту клиентской (рабочей) области окна браузера?" |
|
|
yury_mw
|
Сообщение
#3
|
|
v1ex,
т.е. вы предлагаете жаваскриптом вычислять высоту рабочей области окна браузера, потом из нее вычесть высоту шапки и отбойника (их тоже надо вычислить, ибо заранее неизвестны) и потом вклинить эту циферку в таблицу стилей? (а так разве можно? не пробовал) а при ресайзе окна - пересчет делать и перерисовывать? ЗЫ в вашем коде момент из п.2 нерезиновая, 700px в ширину, отцентрованная по горизонтали в окне браузера не раскрыт никак |
|
|
v1ex |
12.6.2009, 17:56;
Ответить: v1ex
Сообщение
#4
|
|
т.е. вы предлагаете жаваскриптом вычислять высоту рабочей области окна браузера, потом из нее вычесть высоту шапки и отбойника (их тоже надо вычислить, ибо заранее неизвестны) и потом вклинить эту циферку в таблицу стилей? (а так разве можно? не пробовал) Именно. Только я вот не вижу никакого смысла так делать, можете объяснить зачем? омент из п.2 нерезиновая, 700px в ширину, отцентрованная по горизонтали в окне браузера не раскрыт никак wink.gif Сорри, из головы вылетело: .header
{ margin: auto; width: 700px; } .middle { margin: auto; min-height: 400px; } .footer { margin: auto; width: 700px; } |
|
|
yury_mw
|
Сообщение
#5
|
|
Именно. а можно код в студию? а то мне кажется, что оно как-то не сильно коротко и просто будет... все же, думается, должны быть более адекватные задаче средства. не может быть, чтоб блочная верстка была настолько ущербна, чтоб в ее арсенале не было средств, которые есть в допотопном html. Только я вот не вижу никакого смысла так делать, можете объяснить зачем? Странный вопрос. Причин много может быть. Ну, например, для того, чтоб при переключении между страничками с небольшим (но разным) количеством контента, отбойник визуально не скакал вверх вниз, а был всегда внизу окошка браузера, где ему собсно и положено быть. Почему бы так не сделать, особенно, если это реализуется простым добавлением атрибута в табличке height="100%" ? |
|
|
v1ex |
12.6.2009, 19:11;
Ответить: v1ex
Сообщение
#6
|
|
а можно код в студию? а то мне кажется, что оно как-то не сильно коротко и просто будет... все же, думается, должны быть более адекватные задаче средства. не может быть, чтоб блочная верстка была настолько ущербна, чтоб в ее арсенале не было средств, которые есть в допотопном 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"> <head> <title></title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=uft-8" /> </head> <body> <div class="box"> </div> <div class="footer"> Тра-та-та, футер </div> </body> </html> body { margin: 0px; padding: 0px; } .box { margin-bottom: 30px; } .footer { background-color: #006699; bottom: 0px; height: 30px; position: fixed; width: 100%; } Он абсолютно всегда будет оставаться внизу страницы. Только последний элемент страницы, должен иметь отступ снизу размером с ширину футера. |
|
|
yury_mw
|
Сообщение
#7
|
|
Все же считаю, что в данном случае приделывать костыли из жаваскрипта к блочной верстке не вполне правильно.
Это же не браузерный баг и не что-то особенное, требующее фиксов, самый обычный случай в верстке. Неужели здесь жаваскрипт - это единственный выход? Во первых, на нормальных сайтах обычно контента больше чем можно уместить Это вы нормальных мониторов не видели bottom: 0px; position: fixed; для данного случая никак не годится - если контента будет много, он будет перекрыт "футером". margin-bottom: 30px; конечно, поможет вытащить контент из-под футера скролом, но смотрится кривовато. |
|
|
v1ex |
12.6.2009, 20:05;
Ответить: v1ex
Сообщение
#8
|
|
Это вы нормальных мониторов не видели wink.gif Это вы к чему? Причем здесь мониторы? Если, вы к тому, что у меня маленький монитор, где все умещается, вы глубоко ошибаетесь Решения может и есть, но я знаю только одно, т.к. этим пользуюсь очень редко. конечно, поможет вытащить контент из-под футера скролом, но смотрится кривовато. Каким еще скоролом? О_о |
|
|
yury_mw
|
Сообщение
#9
|
|
Это вы к чему? это я к тому что бывают мониторы, на которых помещается ну очень много контента. это сказано никак не в обиду вашему монитору Каким еще скоролом? О_о скрол - прокрутка, калька от англ. scroll |
|
|
v1ex |
12.6.2009, 21:00;
Ответить: v1ex
Сообщение
#10
|
|
Я знаю что такое скрол, вы мне объясните, как вы скролом собираетесь из под футера контент выдернуть. О_о
Я ведь сделал, отступ, что бы контент не лез под футер.... |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
✅ Dolphin{anty} — современный антидетект-браузер -❗️10 бесплатных профилей каждому❗ | 65 | DolphinAnty | 21025 | 20.3.2024, 17:06 автор: DolphinAnty |
|
Современный сервис для быстрого и безопасного обмена валют. | 12 | CryptoTims | 4255 | 13.3.2024, 23:14 автор: CryptoTims |
|
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне |
144 | Gerga | 91685 | 11.3.2024, 19:59 автор: anchous |
|
Нужен сайт с автонаполнением по XML | 1 | REGNET | 1133 | 7.3.2024, 15:08 автор: REGNET |
|
Нужен райтер на постоянку | 13 | Kiloan_Frost | 3310 | 6.3.2024, 22:24 автор: vitaliraduga |
Текстовая версия | Сейчас: 29.3.2024, 17:07 |