X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Div не соображу. помогите новичку.
Hos
Hos
Topic Starter сообщение 1.4.2008, 19:37; Ответить: Hos
Сообщение #1


ситуация такая.

есть 2 изображения. их нужно поместить в Div. причём каждый в свой.

первый Div должен быть постоянно привязан к низу странички в браузере и иметь фиксированную высоту.

второй должен быть привязан к верху. он должен чуть, заходить за первый Div. и при растяжении страницы по вертикали второй див должен растягиваться.

помогите пожалуйста.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hos
Hos
Topic Starter сообщение 1.4.2008, 19:43; Ответить: Hos
Сообщение #2


Чтобы нагляднее отобразить, прикрепляю картинку. httр://baner.lab-host.ru/compress.jpg
Как она есть, так она и должна отображаться в браузере.

Получается, что "поляна" - первый div
Небо - второй div
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hos
Hos
Topic Starter сообщение 1.4.2008, 21:58; Ответить: Hos
Сообщение #3


кто сможет это реализовать за небольшое вознаграждение. чтобы скролинга небыло при разных разрешениях.
и то что я описал ранее?
???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 2.4.2008, 1:04; Ответить: Webmaster_hb
Сообщение #4


Hos, обязательно это делать на DIV?
достаточно небо положить на фон страницы и зафиксировать чтобы оно не скролиролось
а уж травку прибить к низу страницы

и растягивать небо не хороший вариант, растяжки всегда портятся, можно или клонировать изображения
либо использовать заранее большое изображение
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hos
Hos
Topic Starter сообщение 2.4.2008, 8:41; Ответить: Hos
Сообщение #5


вы читаете мои мысли. я тоже после, так подумал. только вот...как "поляну привязать к низу". чтобы постоянно внизу была, как не тяни страницу по вертикали.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 2.4.2008, 10:09; Ответить: Webmaster_hb
Сообщение #6


Hos, ну если это таблицы, то просто делаете таблицу на 100% по высоте, и прибиываете картинку в ячейке к низу
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hos
Hos
Topic Starter сообщение 2.4.2008, 13:05; Ответить: Hos
Сообщение #7


к сожалению таблицей не получится в доанном случае.
я использую эту картинку как фон в диве. чтобы при горизонтальной растяжке, эта картинка вылазила с краёв. при этом скролинга нет по горизонту.

как можно див привязать книзу?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hos
Hos
Topic Starter сообщение 2.4.2008, 13:36; Ответить: 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>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
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-


 



RSS Текстовая версия Сейчас: 19.3.2024, 14:15
Дизайн