Фоновая картинка справа-внизу @ DeForum.ru

2 Сообщения: 252 Зарегистрирован: 29.04.03

Нужно, чтобы картинка приклеивалась к правому-нижнему углу. В IE работает, в FF нет.

В <body> вот такой стиль:

Код:

background-image: url(i/penbg.jpg); 
background-position: right bottom; 
background-repeat: no-repeat; 

Что я делаю не так?
Прим: высота страницы меньше высоты окна браузера.

gregzem писал(а):

Нужно, чтобы картинка приклеивалась к правому-нижнему углу. В IE работает, в FF нет.
Что я делаю не так?

Всё так, только добавьте

Код:

background-attachment: fixed;

в body пропишите min-width: 100%; иначе Фаерфокс считает что "низ" у бади там где заканчивается контент.

hardy, в данном случае не обязательно. Ниже код пример, контент -- один пробел.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body style="background: url(image.jpg) bottom right no-repeat fixed;">
&nbsp;
</body>
</html>

2 Сообщения: 252 Зарегистрирован: 29.04.03

Супер! Всем спасибо.

извиняюсь, что поднимаю старую тему, но последняя конструкция, только вместо bottom - top right, не работает в опере 9.20 (ниже не проверял)
правда вставлял я его в ячейку таблицы.

gregzem, чтобы избежать ошибок пиши не bottom и right,

Код:

no-repeat 100% 100%;

я сделал вот такую жуткую конструкцию ))

Код:

<td style="background: url(img/mn3.jpg) right top no-repeat;" colspan="2" valign="top">

А в чем ее жуткость? :glasses:

Только для чистоты стиля я посоветовал бы написать так:

Код:

<td style="background: url(img/mn3.jpg) right top no-repeat; vertical-align:top" colspan="2">

А то ни два ни полтора...

Простите, как растянуть таблицу на всю высоту? min-height:100% не помогает

WayBe, height:100%

если в окне браузера то в CSS вначале напишите html, body {height:100%;}

чот не помагает. файрфокс2 использую...
В общем - как таблицу на всю высоту экрана растянуть?

WayBe, код в студию

Стиль (с внесёнными "дополнениями")

Код:

html,body {
   height:100%;
   font-family: Tahoma, Verdana;
   font-size: medium;
   color: #000000;
   background-image: url(i/b.jpg);
   background-repeat: no-repeat;
   background-position: top;
   background-color: white;
   background-repeat: repeat-x;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.hgt
{
   min-height: 100%;
}

И собсно кусок страницы:

Код:

<body leftmargin="0" topmargin="0">
<table border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td class=hgt>
<img src="i/top.jpg" width="1000" height="161" align=center/>
<table width=1000 align=center bgcolor=white height=100% style="height:100%;">

и так далее.
Перебирал самые различные варианты, что заметно в коде

DeДверь
Логин:
Пароль:
	Автологин