полосы прокрутки в хром - PullRequest
0 голосов
/ 12 июля 2011

Почему на следующей странице отображаются полосы прокрутки в Chrome, но они отлично работают в любом другом браузере?

Я вставляю все, на всякий случай. хотя я думаю, что это не связано с Java-апплетом, так как у меня та же проблема с флэш-фильмом.

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Java</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="jquery-1.6.2.min.js"></script>
    <script type="text/javascript">

function getParameter(name, url)
{
    if(!url)
    {
        url = window.location.href;
    }
    var paramsStart = url.indexOf("?");

    if(paramsStart !== -1)
    {
        var paramString = url.substr(paramsStart + 1);
        var tokenStart = paramString.indexOf(name);

        if(tokenStart !== -1)
        {
            var paramToEnd = paramString.substr(tokenStart + name.length + 1);
            var delimiterPos = paramToEnd.indexOf("&");

            if(delimiterPos === -1)
            {
                return paramToEnd;
            }
            else
            {
                return paramToEnd.substr(0, delimiterPos);
            }
        }
    }
    return -1;
}

      $(document).ready( function()
      {
        var w = getParameter('width');
        var h = getParameter('height');
        var d = document.getElementById('javadiv'); 
        d.style.width = (w > 0) ? w+"px" : "100%";
        d.style.height = (h > 0) ? h+"px" : "100%";

        var main = getParameter("game");
        var mainclass = getParameter("mainclass");
        var gmain = main.substring(0,1).toUpperCase() + main.substring(1,main.length);

        var code = mainclass;


        var applet = '<applet id="applet" codebase="'+getParameter("base")+'" archive="applet.jar" code="'+code+'" width="100%" height="100%">';
        applet += "<param name='debug' value='"+getParameter("debug")+"' ></param>";
        applet += '</applet>';

        $(applet).appendTo("#javadiv");
      });
    </script>
    <style>
    html,body
    {
      width:100%; 
      height:100%;
      background-color:#000;
      margin:0;
      padding:0;
    }
    </style>
  </head>

  <body><div id="javadiv" style="width:100%;height:100%;"></div></body>
</html>

Ответы [ 2 ]

0 голосов
/ 12 июля 2011

Вы можете использовать overflow-x: hidden; или переполнение-у: скрыто; в зависимости от того, какие полосы прокрутки появляются. Установка этого значения в html и \ или в тело должна скрывать появление полос прокрутки.

Скорее всего, виновником вашей проблемы могут быть таблицы стилей для конкретного браузера. Я вижу, что у вас есть 100% высокий и широкий элемент, и если какой-либо элемент, окружающий его, имеет отступы или поля, вы получаете полосы прокрутки.

0 голосов
/ 12 июля 2011

Интересно, добавляет ли Chrome margin или padding к вашему javadiv, который вы устанавливаете на 100% высота и ширина.

Попробуйте сбросить margin и padding на этом div.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...