CSS HTML Backgroundz und IE @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 2 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
legi
новый человек
0
Сообщения: 44
Зарегистрирован: 06.10.02
Откуда: Stavropol, Russia
Заголовок сообщения: CSS HTML Backgroundz und IE
Сообщение Добавлено: 18 Август 2003, 15:39:31 
Здравствуйте!

Плиз, помогите мне решить проблему.

Дизайн сайта требует, чтобы было 2 background-а(BG).

1ый BG(bg-pic.png), будет scalable,т.е. чтобы внезависимости от разрешения экрана, он полность был виден.
2ым BG(bg-2d.png), будет прозрачная .PNG-шка, но не масштабируемая(она будет как pattern), и чтобы она накладывалась поверх 1ого BG.

Вся эта задача очень хорошо решается с помощью CSS.Вот код:




-- CSS ------------------

.c1 {width: 100%;height: 100%;z-index: 0;} /* 1st BG */
.c2 {background-image: url(bg-2d.png);z-index: 1; position: absolute;
top: 0; left: 0; height: 100%; width: 100%; } /* 2nd BG */


-- HTML ------------------


<html>
<head>
<link href="test.css" type="text/css" rel="stylesheet">
</head>

<body background="bg-test.png" leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0>

<div class="c1"><img src="bg-pic.png" width="100%" height="100%" /></div>
<div class="c2" />

</body>
</html>




Всё было бы очень замечательно, если бы не IE(6.0), который в отличии от мозиллы, делает не нужный мне scroll-bar, и показывает ещё в добавок пару пикселей HTML-ного BG(bg-test.png).

Вопрос заключается в том, чтобы избавится от причуд IE.

Заранее спасибо.

_________________
http://reveriedot.da.ru
Орлис
новый человек
0
Сообщения: 61
Зарегистрирован: 28.07.03
Сообщение Добавлено: 19 Август 2003, 02:05:54 
1) Я бы начал с того, чтобы сделать валидным код, т.е. убрать нафиг.
<body background="bg-test.png" leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0>

2) средствами CSS background не масштабируется, т.е нужно рисовать отдельно img и его свойста
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 2 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100