Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)
-   -   Сдвиг бекграунда в ИЕ если окно уже самого рисунка (http://www.flasher.ru/forum/showthread.php?t=95975)

alpes 20.05.2007 23:09

Сдвиг бекграунда в ИЕ если окно уже самого рисунка
 
Всем доброго времени!
Создаю наложение рисунков друг на друга (по центру), дизайн как своеобразный гамбургер получается:
Код:

<center>
<div style="background-image: url(border.gif); background-position: center; background-repeat: repeat-y;">
<div style="background-image: url(ribbon.gif); background-position: center top; background-repeat: no-repeat;">
...
</div>
</div>
</center>

Так вот, в инетэксплоере если рисунок в бекграунде больше окна браузера, то он в зависимости от ширины окна уходит влево на 1 пиксель. Причем именно в зависимости от ширины окна, можно потаскать за край браузера изменяя его ширину и видно что оно то нормально (совпадает) то сдвигается влево на пиксель.

Собственно посоветуйте как решить проблему с этим геморойным ИЕ ?

Как вариант можно было бы использовать только прозрачные гиф картинки одинаковой ширины, тогда бы если и сдвигались то сдвигались все вместе и не было бы ступеньки. Но так плохо, т.к. один слой нужен в jpg, т.к. в gif он в несколько раз будет тяжелее. Поэтому этот вариант тоже не решение.
Ктото сталкивался с такой проблемой и как ее можно победить?

Constantine 23.05.2007 12:13

Я уже и не помню что такое тэг <center>, избавься от него и поколдуй нормально с CSS

KidsKilla 24.05.2007 20:58

<div style="background: url(border.gif) 50% repeat-y;">
<div style="background: url(ribbon.gif) 50% 0 no-repeat;">
...
</div>
</div>


Часовой пояс GMT +4, время: 10:50.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.