overflow-y:scroll; две полосы прокрутки

contact · November 26, 2010

Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto;

ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки.

Решение было отображать ее во все браузерах с помощью

body {
overflow-y:scroll;
}

Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить?

для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>2 scrollbars</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
  html {
  height: 100%;
  }

   body {
   margin: 0px;
	padding:0px;
   min-height: 100%;
   height: 100%;
   overflow-y:scroll;
   }
  </style> 
</head>
<body>
some text
</body>
</html>

Great Rash · November 26, 2010

Решение было отображать ее во все браузерах с помощью

Глупое решение было... Неужели 24 пикселя это так критично? Тех людей (обычно это дизайнеры, нифига не понимающие в верстке) которые убиваются по поводу того, что из-за полосы прокрутки в ИЕ7- сайт сдвигается я, мягко говоря, не уважаю...

Но если уж совсем невмоготу, то можно написать body: {overflow: auto;} для ИЕ ниже восьмого через conditionat comments.

contact · November 26, 2010

Глупое решение было...

было бы интерессно, как вы поступаете. По-моему если ты перходишь с странички без прокрутки на страничку с прокруткой и весь сайт сдвигаеться в лево - выгялит это зрелище уродски. Наличие же полосы прокрутки дает возможность зафиксировать положение сайта, при переходах по разным страничкам(с/без прокрутки).

Но если уж совсем невмоготу, то можно написать body: {overflow: auto;}

именно так оно сейчас и работает, только не body: {overflow: auto;} а body: {overflow: hidden;} ИЕ отображет одну полоску.

Просто думал, возможно есть более елегантные решения.

Aleksey · November 26, 2010

В IE9beta нет полос прокрутки.

Great Rash · November 26, 2010

По-моему если ты перходишь с странички без прокрутки на страничку с прокруткой и весь сайт сдвигаеться в лево - выгялит это зрелище уродски.

Это только вам так кажется, а на самом деле происходит вот что. Это не в обиду просто проблема реально не стоит тех усилий, которые вы прилагаете для ее решения.

contact · November 26, 2010

В IE9beta нет полос прокрутки.

Что вообще нет? она должна быть, но дожлна быть неактивна.

Это только вам так кажется

Выходит я долбаный перфекционист =)

Great Rash · November 26, 2010

Выходит я перфекционист =)

Нууу... в народе поговорка такая есть: "Инициатива нагибает инициатора". Так что вам и карты в руки :angry:

Что вообще нет? она должна быть, но дожлна быть неактивна.

Все там есть, расслабьтесь. Только толку от этого нет и не будет еще года 3-4 точно.

Sign In

overflow-y:scroll; две полосы прокрутки

Question

contact

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

contact

Link to comment

Share on other sites

Aleksey

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

contact

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information