| |
|
|
| | Имеется проблема. Связана она с атрибутом background-attachment.
Имеется некий div с id center. Он включается в себя всю “информационную” часть сайта и размещается между div‘ом left и div‘ом right. Так вот, этому центральному div‘у через background-image выставлен некий фон. Также к этому всему добавляются атрибуты background-repeat: no-repeat. И нужно сделать так, чтобы фон этот не прокручивался при прокрутке div‘а и оставался на месте. В Опере с этим проблем не возникает – так получается само и по умолчанию. С IE на первый взгляд тоже кажется всё просто – прописал background-attachment: fixed и всё :) НО прописывание этого самого fixed приводит к тому, что в Опере фон забивается в левый верхний угол экрана, где находится меню и кусок логотипа. То есть фиксированная крайняя позиция идёт относительно границ экрана, а не границ div‘а с id center. А в IE же при таком раскладе всё отлично :) И в итоге мы имеем такую ситуацию, что всё работает нормально ИЛИ только в Опере, ИЛИ только в IE. И вот никак я не могу понять, как сделать, чтобы работало и там и там. Если кто знает – помогите :)
Скриншоты:
http://www.cimeries.com/temp2/scr03-big.jpg
http://www.cimeries.com/temp2/scr04-big.jpg
Сама страничка:
http://www.cimeries.com/razd/354/links | |
| |
|
|
| |
|
|
| |
для: Cimeries
(14.09.2007 в 11:03)
| | | Установка разных стилей для разных браузеров
в конце есть пример как последовательно выявить броузеры. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(14.09.2007 в 11:55)
| | | Воспользовался тем примером, но так и не получил желаемого результата. Ничего не изменилось вообще. Вот код:
div#center{
background: url(text.jpg) no-repeat fixed;
width: 737px;
height: 540px;
float: left;
overflow: auto;
text-align: left;
color: 000000;
margin: auto;
position: relative;
}
#cnt>div#center{
background: url(text.jpg) no-repeat scroll;
}
:root #cnt>div#center{
background: url(text.jpg) no-repeat scroll;
}
:root #cnt>div#center{
background: url(text.jpg) no-repeat scroll;
}
|
Да и вообще этот способ кажется мне немножко странным.
Неужели нельзя найти какого-то "компромисса" между оперой и ie? | |
| |
|
|
| |
|
|
| |
для: Cimeries
(14.09.2007 в 23:36)
| | | добавил после вашего.
<style>
body,html{padding:0; margin:0}
#inline>#center{
background-attachment:scroll;
}
</style>
|
#inline>#center - это конструкция имеет следующий смысл - применить стили к элементу center , если он внутри элемента #inline .
а вообщето, почему не использовать одну фоновую картинку? | |
| |
|
|
| |
|
|
| |
для: Cimeries
(14.09.2007 в 11:03)
| | | Opera и Firefox очень своеобразно трактуют вложенность стилей.... Вообще разберитесь с применением селекторов и их вложенностью... | |
| |
|
|
| |
|
|
| |
для: mefestofel
(15.09.2007 в 11:25)
| | | а я бы сказал что Opera и Firefox трактуют все как написано в спецификации... | |
| |
|
|
| |
|
|
| |
для: AlexSol
(15.09.2007 в 11:29)
| | | Спецификация:
http://www.w3.org/TR/DOM-Level-2-Core/core.html
Поддержка в Firefox'e:
http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
Изучите и найдите различия....
P.S. Несомненно все производители стремятся к стандартизации, просто у кого-то это выходит лучше, у кого-то хуже.... | |
| |
|
|
| |
|
|
| |
для: mefestofel
(15.09.2007 в 11:38)
| | | не совсем понял причем тут DOM модель если речь о селекторах css. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(15.09.2007 в 11:57)
| | | Это долго объяснять... Здесь не описать... Попробуйте разобраться сами... | |
| |
|
|
| |
|
|
| |
для: mefestofel
(15.09.2007 в 12:04)
| | | может... в своей работе я проблем не встечал ;) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(15.09.2007 в 12:10)
| | | бывает и такое...
:-) | |
| |
|
|
| |
|
|
| |
для: Cimeries
(14.09.2007 в 11:03)
| | | В общем изначальную проблему я решил. Не самым лучшим способом, но хотя бы на первое время сойдёт...
<LINK REL="Stylesheet" HREF="http://www.cimeries.com/images/design/style-opera.css" TYPE="text/css">
<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="http://www.cimeries.com/images/design/style.css" />
<![endif]-->
|
| |
| |
|
|
| |
|
|
| |
для: Cimeries
(16.09.2007 в 00:00)
| | | тоже вариант. | |
| |
|
|
