Проблема с позиционированием в Опере.

Demonis · December 15, 2011

Всем привет.

Суть проблемы в следующем. В общем контейнере, в котором располагаются два блока с абсолютным позиционированием, находятся еще два блока без позиционирования с з-индексом выше, чем позиционированные блоки. Так вот почему-то эти блоки имеют фоновый цвет, хотя он явно не задан. Глюк наблюдается в Опере 11.11. У кого есть идеи как это вылечить?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title> 
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
</head>
<style type="text/css">
<!--
html, body {padding: 0; margin: 0; height: 100%; width: 100%; position: relative;}

#main {
width: 1000px;
margin: 0 auto;
z-index: 33;
position: relative;
_height: 100%;
}
html>body #main {height: auto !important; min-height: 100% !important;}

#side, #side2 {position: relative; z-index: 2; float: left; width: 50%;}

p {padding: 10px;}

#left {position: absolute;  width: 50%; z-index: 1;  height: 200px; background-color: wheat;}
#right {position: absolute; width: 50%; z-index: 1; left: 50%; height: 200px; background-color: silver;}
-->
</style>

<body>
<div id="main">

<div id="left"> </div>
<div id="right"> </div>

<div id="side"><p>Обратите внимание! Участились взломы аккаунтов с целью рассылки вирусов. Пожалуйста, пользуйтесь актуальной версией антивирусной программы и проверяйте все присылаемые подозрительные файлы, в том числе и от знакомых пользователей. Подробности здесь.</p></div>
<div id="side2"><p>Обратите внимание! Участились взломы аккаунтов с целью рассылки вирусов. Пожалуйста, пользуйтесь актуальной версией антивирусной программы и проверяйте все присылаемые подозрительные файлы, в том числе и от знакомых пользователей. Подробности здесь.</p></div>

</div>
</body>
</html>

Softlink · December 15, 2011

Странный какой глюк. А стили точно все выложили? Может там еще что-то есть, что переопределяет фон, не?

p.s. селектор html>body улыбнул

Demonis · December 15, 2011

Странный какой глюк. А стили точно все выложили? Может там еще что-то есть, что переопределяет фон, не?
p.s. селектор html>body улыбнул

Да, стили все.

Про селектор - это для осла 6 надо было)

Gaspode · December 15, 2011

Про селектор - это для осла 6 надо было)

Шестой осёл не понимает таких селекторов.

Magneto · December 15, 2011


#side, #side2 {
  background-color: transparent}

hedgehog · December 16, 2011

мне видятся три варианта

1. настройки браузера

2. пользовательские стили

3. кеш

попробуйте сбросить кеш и пройтись по проблемным блокам dragonfly. в опере 11.52 все ок

Sign In

Проблема с позиционированием в Опере.

Question

Demonis

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

Demonis

Link to comment

Share on other sites

Gaspode

Link to comment

Share on other sites

Magneto

Link to comment

Share on other sites

hedgehog

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information