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

Тема: 100% высота для div-а

  1. #1

    Регистрация
    26.10.2007
    Сообщений
    5
    Это ссылка на то, что у меня пока получилсь: [Только зарегистрированные пользователи могут видеть ссылки. ]

    Объясняю проблему:

    Есть фоновая заливка для body - у меня она неоднородная темно-красная. Это общий фон, который появляется слева и справа от сайта, когда размер экрана больше 1024

    Сам сайт - красный
    Справа и слева красного сайта есть бордюры (называйте как хотите), которые можно было бы сделать как border, но проблема в том, что они разные и делаются через вставку картинок.

    На примере я зафиксировал высоту правого бордюра в 100px, а левый в 100%

    Растяжка в 100% работает только в IE, а в других браузерах левого бордюра вообще нет


    Нужно чтобы бордюры растягивались на всю высоту экрана.


    Как можно реализовать такой макет??

  2. #2

    Регистрация
    17.06.2006
    Сообщений
    83
    Все гораздо проще
    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    ****<title></title>
    ****<style type="text/css">
    ****html{
     *background: url(3.gif);
     *height: 100%;
    ****}
    ****body{
     *background: url(1.gif) repeat-y;
     *width: 1024px;
     *min-height: 100%;
     *margin: 0 auto;
     *position: relative;
    ****}
    ***** html body {
    ****height: 100%;
    ****}
    ****#content{
     *padding: 10px 20px 100px;
    ****}
    ****#header{
     *background-color: #ccc;
     *width: 1014px;
     *height: 100px;
     *margin: 0 auto;
    ****}
    ****#footer{
     *background: url(2.gif) repeat-x;
     *height: 95px;
     *width: 1014px;
     *position: absolute;
     *left: 5px;
     *bottom: 0px;
    ****}
    ****</style>
    </head>
    
    <body>
    <div id="header">Header</div>
    <div id="content">Contetnt</div>
    <div id="footer">Footer</div>
    </body>
    </html>

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    width: 1024px;
    Ну-ну... :read:

  4. #4

    Регистрация
    17.06.2006
    Сообщений
    83
    Ну-ну..
    Что не устраивает? вы смотрели эту [Только зарегистрированные пользователи могут видеть ссылки. ] страницу?

  5. #5

    Регистрация
    26.10.2007
    Сообщений
    5
    Спасибо, Pupil, но ты не совсем понял о чем речь.

    Бордюры - это не фоновая заливка. Это полоски шириной в 6px, которые обрамляют сайт справа и слева.

  6. #6

    Регистрация
    26.10.2007
    Сообщений
    5
    Aykroyd, а что не так с 1024px?

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by sssergius@Oct 28 2007, 15:13
    Aykroyd, а что не так с 1024px?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    А почему не 1138px, например? :read:

    <div class='quotetop'>Цитата</div>
    Нужно чтобы бордюры растягивались на всю высоту экрана.[/b]
    Во всех нормальных браузерах высота "чего-либо" может посчитаться только в том случае, если явно задана высота родительского элемента этого "чего-либо"...

    И вообще, сначала добиваемся правильного отображения в FF, и только потом что-нибудь говорим про IE... )

Похожие темы

  1. Высота дива
    от Dragonfly в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 30.04.2008, 01:44
  2. Высота <li> в подлом IE
    от Petrav в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 31.12.2006, 03:40
  3. Относительная высота DIVа
    от Webtailor в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 28.12.2006, 19:56
  4. высота div в IE
    от Saint_Matrix в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 15.08.2006, 23:34
  5. высота div блока
    от EDuard в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 15.03.2006, 20:04

Ваши права

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