Как поправить overflow в Opera ?

K
На сайте с 28.12.2008
Offline
61
kud
1899

Кто в курсе как убрать горизонтальную прокрутку в Opera ?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Как поправить в опере overflow ?</title>
<style>
html {
overflow:hidden;
overflow-y:scroll;
width:100%;
}
body {
postion:relative;
width:100%;
}
#wrapper {
position:relative;
width:800px;
height:2000px;
margin:0px auto;
}
</style>
</head>
<body>
<div id = "wrapper">
<div style="position:absolute;left:500px; width:1000px; height:500px; border:1px solid red"></div>
<div style="position:absolute;left:-800px; width:1000px; height:500px; border:1px solid red"></div>
</div>
</body>
</html>

В данном случае в опере появляется горизонтальная полоса прокрутки .. Не подскажите как решить проблему ?

Кофейник
На сайте с 11.07.2009
Offline
78
#1

Никак, страница у вас так или иначе выходит за пределы экрана, просто в других браузерах не отображается полоса прокрутки, так как вы применили overflow:hidden; а теперь дружно скажем спасибо адекватной опере, которая защищает нас от таких вот горе верстальщиков, которые делают так как вы.

В любом другом браузере при помощи горизонтального скролла мышью можно прокрутить вашу страницу в право.

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
kil
На сайте с 03.04.2006
Offline
84
kil
#2

Убрать overflow-y:scroll;

K
На сайте с 28.12.2008
Offline
61
kud
#3
Кофейник:
а теперь дружно скажем спасибо адекватной опере, которая защищает нас от таких вот горе верстальщиков, которые делают так как вы.

А что в моих действиях не адекватно? У меня есть макет 1998px по ширине ... Главный контент (ширина 850px) позиционируется по центру. Шапка получается 1998px по ширине. Режу ее, к примеру, на три части: центр, право, лево. Говорю, адекватному браузеру свойством overflow, что показывать нужно только то что влазит в видимую область браузера. Что тут криминального или неадекватного?

Какие тут решения по Вашему ? Сверстать таблицей, или просто в #header бекграунд картинку вставить ? :)

kil:
Убрать overflow-y:scroll;

Если его убрать тогда страница не будет скролиться по вертикали ..

SI
На сайте с 19.12.2007
Offline
77
#4

код с опечатками, проблема в опере, "адекватному браузеру"

любая из этих мелочей - тьфу на нее. но когда их столько...(

рисуем, верстаем, кодим и крутим ...аа, да, еще принимаем заказы (:
K
На сайте с 28.12.2008
Offline
61
kud
#5
St.I.An:
код с опечатками, проблема в опере, "адекватному браузеру"
любая из этих мелочей - тьфу на нее. но когда их столько...(

Например ?

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