Помощник
|
Div не соображу. помогите новичку. |
Hos
|
Сообщение
#1
|
||
|
|
||
|
|||
Hos
|
Сообщение
#2
|
|
Чтобы нагляднее отобразить, прикрепляю картинку. httр://baner.lab-host.ru/compress.jpg
Как она есть, так она и должна отображаться в браузере. Получается, что "поляна" - первый div Небо - второй div |
|
|
Hos
|
Сообщение
#3
|
|
кто сможет это реализовать за небольшое вознаграждение. чтобы скролинга небыло при разных разрешениях.
и то что я описал ранее? ??? |
|
|
Webmaster_hb |
2.4.2008, 1:04;
Ответить: Webmaster_hb
Сообщение
#4
|
|
Hos, обязательно это делать на DIV?
достаточно небо положить на фон страницы и зафиксировать чтобы оно не скролиролось а уж травку прибить к низу страницы и растягивать небо не хороший вариант, растяжки всегда портятся, можно или клонировать изображения либо использовать заранее большое изображение |
|
|
Hos
|
Сообщение
#5
|
|
вы читаете мои мысли. я тоже после, так подумал. только вот...как "поляну привязать к низу". чтобы постоянно внизу была, как не тяни страницу по вертикали.
|
|
|
Webmaster_hb |
2.4.2008, 10:09;
Ответить: Webmaster_hb
Сообщение
#6
|
|
Hos, ну если это таблицы, то просто делаете таблицу на 100% по высоте, и прибиываете картинку в ячейке к низу
|
|
|
Hos
|
Сообщение
#7
|
|
к сожалению таблицей не получится в доанном случае.
я использую эту картинку как фон в диве. чтобы при горизонтальной растяжке, эта картинка вылазила с краёв. при этом скролинга нет по горизонту. как можно див привязать книзу? |
|
|
Hos
|
Сообщение
#8
|
|
|
Получилось!!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; /* стандартное правило для удаления всех посторонних отступов */ } html { height: 100%; /* чтобы элемент html распространялся на всю высоту окна браузера */ } body { position: relative; /* чтобы потомки элемента body позиционировались по отношению к body */ height: auto !important; /* для Firefox и Opera — чтобы не сработало следующее объявление */ height: 100%; /* для IE (работает некорректно, что обеспечивает нужный результат) */ min-height: 100%; background-image: url(011.jpg); background-repeat: repeat; } div.phead {background:url(11.png) no-repeat 100% 100%;} .cont { padding-bottom:54px; /* высота футера */ } .main { width:100%; height:100%; min-height:100%; background:#FFFF00; } .footer { position:absolute; bottom:0px; margin-top:-54px; height:374px; width:100%; background:#FF0000; } --> </style></head> <body> <div class="footer phead">Это футер</div> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 678 | 21.2.2024, 23:42 автор: Mixatraider |
|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1529 | 14.1.2023, 1:16 автор: xweb |
|
Помогите рещить проблему с монитором. Почему низкое разрешение при подключении монитора через displayport? |
0 | Levels | 1694 | 11.12.2020, 0:48 автор: Levels |
|
Помогите кто нибудь получить партнерку Росбанк! | 7 | heisenberg_mw | 2302 | 7.8.2020, 9:28 автор: heisenberg_mw |
|
Помогите найти тему пожалуйста | 7 | virtas | 12375 | 24.7.2020, 17:02 автор: -JamesSmips- |
Текстовая версия | Сейчас: 19.3.2024, 14:15 |