VPF::картинка внизу страницы - Форум программистов

jsa

Дата 29.2.2008, 12:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 704
Регистрация: 19.1.2006
Где: Новосибирск

Репутация: нет
Всего: 20

Hi all!

есть страница, на ней есть фоновая картинка

Код


<img src=".." alt="" class="page-image-back"/>

где

Код


.page-image-back{
position: absolute;
right: 0;
bottom: 0;
}

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

--------------------

Все мы, на перине с песней, строим небо на земле © Ю. Шевчук

bars80080

Дата 29.2.2008, 13:09 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

посмотрите сюда,
http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/

здесь о фиксации блока

jsa

Дата 29.2.2008, 13:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 704
Регистрация: 19.1.2006
Где: Новосибирск

Репутация: нет
Всего: 20

спасибо, попробую так сделать

--------------------

Все мы, на перине с песней, строим небо на земле © Ю. Шевчук

jsa

Дата 29.2.2008, 16:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 704
Регистрация: 19.1.2006
Где: Новосибирск

Репутация: нет
Всего: 20

попробовал, только к сожалению все завязано на expression, и в браузерах кроме IE не работает (Safari, Opera, Firefox у меня не заработали)

--------------------

Все мы, на перине с песней, строим небо на земле © Ю. Шевчук

ilyaILF

Дата 29.2.2008, 22:51 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 70
Регистрация: 8.11.2006

Репутация: 6
Всего: 6

Примерно так:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Новая страница 1</title>
<style type="text/css">
html {padding: 0px; margin: 0px; height: 100%;}
body {padding: 0px; margin: 0px; height: 100%;}
#maincontainer {position: relative; min-height: 100%;}
* html #maincontainer {height: 100%;}
#bottomimg {position: absolute; bottom: 0px; right: 0px;}
</style>
</head>
<body>
<div id="maincontainer">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<img id="bottomimg" src="big.jpg" />
</div>
</body>
</html>

Только остается непонятным, почему вы просто не хотите поставить эту картинку бэкгроундом?

jsa

Дата 2.3.2008, 12:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 704
Регистрация: 19.1.2006
Где: Новосибирск

Репутация: нет
Всего: 20

Цитата(ilyaILF @ 1.3.2008, 03:51

)

Только остается непонятным, почему вы просто не хотите поставить эту картинку бэкгроундом?

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

Добавлено через 14 минут и 22 секунды

Цитата(ilyaILF @ 1.3.2008, 03:51

)

Примерно так:Разметка HTML

таким спобом у меня там (внизу страницы) размещены другие элементы, а картинку я не могу так разместить, потому что она не подходит по высоте (слишком большая)

--------------------

ilyaILF

Дата 2.3.2008, 12:45 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 70
Регистрация: 8.11.2006

Репутация: 6
Всего: 6

Она же абсолютно спозиционирована и поэтому оказывать влияние на другие элементы просто не может. Пробуйте "прикрепить" все-таки бэкгроунд к элементу #maincontainer и посмотрите на результат.

jsa

Дата 2.3.2008, 12:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 704
Регистрация: 19.1.2006
Где: Новосибирск

Репутация: нет
Всего: 20

ilyaILF, блин и правдо помогло, как раз то что надо было, ед-но у меня просто картинка лежала на не внутри maincontainer,
ЗЫЖ а верстка у меня практически один к одному как ты предложил, только есть еще элементы внизу страницы, лови плюс smile

Добавлено через 2 минуты и 21 секунду
закрывваю тему, решено

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »