Показано с 1 по 9 из 9

Тема: Футер в XHTML на DIVе

  1. #1

    Регистрация
    20.02.2005
    Сообщений
    4
    Решил перейти на XHTML верстку и использовать только дивы, может конечно бредовая идея, но поставил задачу сверстать то, что приложено. Верхушку и колонки сверстал без проблем, но с футером возникли проблемы. Дело в том, что футер должен всегда быть прижат к низу окна браузера, и при большом и при малом заполнении контентом.

    Помогите плиз разобраться сделать надо бы в XHTML 1.0 Transitional, и используя только дивы.
    Хотя у меня странное чувство, что валидно такое не сверстать, тем более что файрвокс при диве или таблице с height:100% с доктайпом
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    работать не собирается, т.е. высоту в 100 процентов он не делает(

  2. #2

    Регистрация
    25.07.2005
    Сообщений
    39
    Идея такая:
    Код:
    <?xml version="1.0" encoding="windows-1251"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
     * *"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title></title>
    </head>
    <style>
    html, body {height: 100%; margin: 0; padding: 0;}
    #all {position: relative; height: 100%; background: #FFFF00}
    html>body #all {height: auto; min-height: 100%;}
    #empty, #footer {height: 30px}
    #footer {position: absolute; left: 0; bottom: 0; width: 100%; background: #FF00FF}
    </style>
    <body>
    <div id="all">
    C O N T E N T
    <div id="empty"></div>
    <div id="footer">
    F O O T E R
    </div>
    </div>
    </body>
    </html>

  3. #3

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    MacTpuK, хорошо бы указывать первоисточник -> [Только зарегистрированные пользователи могут видеть ссылки. ]

    Там, в отличие от твоего поста, есть подробные комментарии...

  4. #4

    Регистрация
    25.07.2005
    Сообщений
    39
    agat, точно, оттуда взял код в свою копилку. Вот только адрес не запомнил. Но теперь Copyright уточнен!

  5. #5

    Регистрация
    20.02.2005
    Сообщений
    4
    Огромное спасибо, все выходные потратил,
    но то что меня бы устроило так и не добился...

  6. #6

    Регистрация
    04.09.2005
    Адрес
    Россия, Ставропольский Край, г.Пятигорск
    Сообщений
    70
    pointer
    спасибо. Век живи, век учись.

  7. #7

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    Я эту конструкцию использовал всего 2 раза в жизни, чес. слово.

    Особенно нелепо такое смотриться, если большой монитор, а информации на страничке мало... и подвал фиг знает где

  8. #8

    Регистрация
    04.09.2005
    Адрес
    Россия, Ставропольский Край, г.Пятигорск
    Сообщений
    70
    agat
    да, но если учитывать, что на большинстве мониторов стоит разрешение 1024/768, то в редких случаях это мжет быть полезным.. хотя если учитывать статистики пользования броузероми Опера и FF, то смысла в этом мало

  9. #9

    Регистрация
    20.02.2005
    Сообщений
    4
    Я понимаю, но не хочу получать предъяву, мол смотрел я сайт под расширением 1600*1024 а футер плавает :-)

    Да и логичнее так будет. Тем более дизайнер любит прижимать к низу страницы свои "фишки" :-)

Похожие темы

  1. Футер съехал вниз
    от Vlados в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 23.07.2010, 09:54
  2. Футер всегда внизу
    от Aykroyd в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 07.12.2007, 03:56
  3. И снова footer (футер)
    от Kiosuki в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 09.11.2007, 20:25
  4. как футер прибить к низу?
    от milo в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 25.03.2007, 21:01
  5. И снова футер)
    от s-tet в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 09.01.2007, 16:15

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •