Как убрать горизонтальный скролл...

голоса: 0
Здравствуйте, вдруг появился горизонтальный скролл, ни чего особенно не делал, все картинки одного размера! Из-за чего это могло появится и как исправить? Насколько знаю нужно body выставить в процентах (100%) или header, вообщем пробовал и то и то - не помогает... помогите, плиз, как правильно прописать...
Адрес сайта http://malroz.ru/
| Автор: | Категория: Дизайн сайта
Уточните, на какой странице, вы видите скрол? я вот перешел на ваш сайт, походил по страничкам не увидел скрола.
на главной, проверял в сафари и хроме (на 20 диагонали, если это имеет значение ))
Не чего не понял, какие у вас проблеммы с атрибутом scroll ? этот атрибут просто отвечает есть ли полоса прокрутки в браузере или её нет. И да он только рабатает на сколько я знаю в браузере IE  остальные браузеры его опровергают.
во-первых - хочется узнать из-за чего он появился, если ни чего не делалось (код не менялся, картинки все одинаковые, в шапку ни чего не вставлялось)???

во-вторых - зачем он мне нужен, прокрутка вообще не большая (ни чего не скрывает!), т.е. если его убрать то пользователь ни чего не потеряет (но убрать нужно как то корректно, что б не было косяков на других разрешениях! overflow-x:hidden - вроде что то там обрезает)

Ответов: 1

Голоса: +1
 
Лучший ответ

У вас поломан дизайн....

<div id="casing">
<div class="wrapper">
<!-- <middle> -->
<div class="part-l">
<font face="Verdana," arial,="" helvetica,="" sans-serif;="" font-size:="" 9px;="" -webkit-border-horizontal-spacing:="" 1px;="" -webkit-border-vertical-spacing:="" ]<="" font=""> </font>
</div>
<font face="Verdana," arial,="" helvetica,="" sans-serif;="" font-size:="" 9px;="" -webkit-border-horizontal-spacing:="" 1px;="" -webkit-border-vertical-spacing:="" ]<="" font="">
<div class="part-r">
<!-- </middle> -->
<div class="clr"/>
</font>
</div>
<font face="Verdana," arial,="" helvetica,="" sans-serif;="" font-size:="" 9px;="" -webkit-border-horizontal-spacing:="" 1px;="" -webkit-border-vertical-spacing:="" ]<="" font="">

Удалите все теги font

| Автор:
и когда он успел сломаться? вчера еще было все ок, я ни чего не трогал...

что то не могу я эти теги font найти, где они находятся?

Редактор страниц - страницы сайта.
что то Вы путаете! вот код от туда:

<html>
<head>
<meta charset="utf-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<script type="text/javascript">
 var browser = navigator.userAgent;
 var browserRegex = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
 var isMobile = false;
 if(browser.match(browserRegex)) {
 isMobile = true;
 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 function hideURLbar(){
 window.scrollTo(0,1);
 }
 }
</script>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<header>
И всё? это весь код? Мой совет, сделайте бекап шаблона после этого восстановите стандартный шаблон.
вот весь:

<html>
<head>
<meta charset="utf-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<script type="text/javascript">
 var browser = navigator.userAgent;
 var browserRegex = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
 var isMobile = false;
 if(browser.match(browserRegex)) {
 isMobile = true;
 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
 function hideURLbar(){
 window.scrollTo(0,1);
 }
 }
</script>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<header>
 <div id="header">
 <div class="wrapper">
 $GLOBAL_AHEADER$
 </div>
 </div>
</header>
<div id="casing">
 <div class="wrapper">
 <?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>
 <!-- <middle> -->
 <div class="part-l">
 <div id="content">
 <!-- <body> -->$CONTENT$<!-- </body> -->
 </div>
 </div>
 <div class="part-r">
 <aside>
 <div id="sidebar">
 $GLOBAL_CLEFTER$
 </div>
 </aside>
 </div>
 <!-- </middle> -->
 <div class="clr"></div>
 <?if($MODULE_ID$='forum')?></div><?endif?>
 </div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/1061/template.min.js"></script>

<div style="display:none">

</div>
</body>
</html>
...