Xpoint
   [напомнить пароль]

Как убрать горизонтальный скролинг в Opera, IE, FF, Safari?

Метки: [без меток]
2009-12-22 15:53:23 [обр] Владимир Клемято[досье]

Необходимо убрать в Opera, IE, FF, Safari горизонтальный скрол окна.
Для каждого броузера свой метод решения
body имеет width: 9750px;
div1..div10 float:left и прижаты друг к другу. Реализован код на JS для движения - все устраивет, только невозможно убрать горизонтальный скролинг страницы окна браузера.

Подскажите код или где почитать.

Спасибо за помощь.

спустя 40 минут [обр] Владимир Клемято[досье]
Код:
<!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">
  <head>
    <title>Horizontal Scroll Switch off</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style>
body {
   margin:0;
   padding:0;

   width: 9750px;
   height: 1800px;
   color:#000; 
   font: 100% Times, Times New Roman, serif;
    overflow-x: hidden; /* убирает в FF и Opera и вертикальный и горизонтальный скрол - надо убрать только горизонтальный. В IE не убирает вообще скролов*/
   min-height:1800px;
}


#page {
   height: 100%; 
   
}

#content {
   float: left;
}

.par {
   margin: 0px 0px 0 0px; 
   padding-left: 0px; 
   float: left; 
   width: 1000px;   
   height: 1800px;
}

</style>
  </head>


<body>
  <div id="page">
    
   
    <div id="content">

      <div class="par" id="first">1111
     </div>

      <div class="par" id="second">222
     </div>

      <div class="par" id="third">3333
         </div>
    </div>


  
 </div>

  </body>
</html>
спустя 10 минут [обр] Владимир Клемято[досье]

Добавим в css

HTML { overflow-x: hidden; }

Работает в IE, FF, Safari

НЕ РАБОТАЕТ В ОПЕРЕ. Какой код дщописать, чтобы в Оепере тоже работало?

Powered by POEM™ Engine Copyright © 2002-2005