Блок с position: fixed; пропадает в Chrome

S0
На сайте с 09.02.2011
Offline
0
8565

Блок с position: fixed; пропадает в Chrome, если поставить absolute все нормально.

Почему????????

Может <!DOCTYPE HTML> виноват?

C
На сайте с 04.02.2005
Offline
291
#1

Еще бы пример кода показать (того на который Вы жалуетесь).

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#2

Ошибка в 17-й строке.

malls
На сайте с 08.08.2005
Offline
255
#3
Sphinks02:
Может <!DOCTYPE HTML> виноват?

Весьма вероятно!

Алексей Барыкин:
Ошибка в 17-й строке.

Ты знал! :)

S0
На сайте с 09.02.2011
Offline
0
#4
Алексей Барыкин:
Ошибка в 17-й строке.

Опять смешно !!! :D

Вот комплект: обертка в нем три дива + менюшка и рисунок-ссылка

#wrapp_vert{

width: 190px;

position: fixed;

top: 20px;

text-shadow: 1px 2px 0px black;

font-size: medium;

z-index: 4

}

.bgvert1{

background: url(images/fon/fom_home/1fon-vert-bg1.png) no-repeat;

width: 180px;

height: 10px;

}

.bgvert2{

background: url(images/fon/fom_home/1fon-vert-bg2.png);

width: 180px;

}

.bgvert3{

background: url(images/fon/fom_home/1fon-vert-bg3.png) no-repeat;

width: 180px;

}

.blockmenu_vert li{

font: normal 13px Arial, Tahoma, Helvetica, sans-serif;

margin-left: 3em;

text-align: left;

}

.blockmenu_vert li a{

color: #efefef;

padding-left: 30px;

padding-right: 22px;

padding-bottom: 22px;

line-height: 30px;

background: url(images/222.png) no-repeat;

outline:none;

}

.blockmenu_vert li a:visited{

color: #f7f7f7;

}

.blockmenu_vert li a:hover, .solidblockmenu li .current{

background-image: url(images/22.png);

color: #969696;

}

a.samplespite_engl{ /*ссылка на англ версию*/

background: url(images/links/engl3.png) 0 0 repeat-x;

width: 60px;

height: 60px;

position: relative;

top: 10px;

right: -55px;

display:block;

text-shadow: 1px 2px 0px black;

line-height: 60px;

text-transform:uppercase;

}

a.samplespite_engl:hover {

background-position: 0 -60px;

}

a.samplespite_rus{ /*ссылка на рус версию*/

background: url(images/links/rus3.png) 0 0 repeat-x;

width: 60px;

height: 60px;

position: relative;

top: 15px;

right: -55px;

display:block;

text-shadow: 1px 2px 0px black;

line-height: 60px;

text-transform:uppercase;

}

a.samplespite_rus:hover {

background-position: 0 -60px;

}

А да, если fixed; поменять на любой другой тогда все видно,

только не пишите: "Поменяй!"

C
На сайте с 04.02.2005
Offline
291
#5

а где ХаТээМэЛь код? мне его самому придумывать?

S0
На сайте с 09.02.2011
Offline
0
#6

Сорри!

<div id="wrapp_vert">

<div class="bgvert1">&nbsp;</div>

<div align="left" class="bgvert2">

<div align="center" style="color: #E9F0F3; font:normal 20px Arial;"><span style="color: #E9F0F3; font: normal 13px Arial;"> Представляем:</span><br>

" Minatory "<br>&nbsp;<br></div>

<div><a style="color: #E9F0F3; font-family: comic sans ms; font-size: large;" href="en/index.html" class="samplespite_engl"></a></div>

<div><br>&nbsp;<br>&nbsp;<br></div>

<ul class="blockmenu_vert">

<li><A HREF="news/index.html">Новости</A></li>

<li><A HREF="index.html">О нас</A></li>

<li><A HREF="ale/index.html">Felex</A></li>

<li><A HREF="sale/index.html">Продажа</A></li>

<li><A HREF="galery/index.html">Галлерея</A></li>

<li><A HREF="links.html">Ссылки</A></li>

<li><A HREF="contakt.html">Контакт</A></li>

</ul><div><br>&nbsp;<br>&nbsp;</div>

</div>

<div class="bgvert3">&nbsp;</div>

</div>

C
На сайте с 04.02.2005
Offline
291
#7

Куда пропадает?

у меня на месте. 9.0.597.84

S0
На сайте с 09.02.2011
Offline
0
#8

Блин! А у меня его нет Google Chrome 11 с копейками и в 10 тоже

короче может так будет понятней сюда

C
На сайте с 04.02.2005
Offline
291
#9

#wraper {

margin:0 auto;

}

[offtop]

А звери зачетные

[/offtop]

S0
На сайте с 09.02.2011
Offline
0
#10

Sphinks02 добавил 09.02.2011 в 23:41

Chukcha:
#wraper {
margin:0 auto;
}

[offtop]
А звери зачетные
[/offtop]

Ура-а!!!

Ты лучший!!!!!!☝

left: 50%;

margin-left: -500px; - нафиг

Все есть!

Огромное спасибо!!!!!!

А звери и правда супер

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий