Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Как избавиться от горизонтальной прокрутки?

00 голосов
5
У меня на всех страницах сайта появилась "вредная" горизонтальная прокрутка, а точнее ее сочетание с вертикальной. Без вертикальной-то не обойтись, это нормально. Но вот когда вместе с ней появляется горизонтальная, это очень неаккуратно.
Что делать? Как сделать, чтобы браузер корректно масштабировал страницу, не вылезая за ограничения разрешения монитора пользователя? Как к примеру, на сайте bitrixsoft.ru
спросил 14 Июнь, 13 от CypukaT (160 баллов)

5 Ответы

00 голосов
Выяснить, какой элемент в шаблоне "раздвигает" страницу. Или, может, тэг какой не закрыт. В общем, это - проблема верстки.
ответил 14 Июнь, 13 от Pomnep (13,960 баллов)
00 голосов
Верстка, однозначно. Проверьте параметры таблиц.
ответил 28 Июнь, 13 от Grow (340 баллов)
00 голосов
Ребят, а вы можете показаеть, где именно сидит этот "раздвигающий элемент". У меня что-то не получилось, вот код основного шаблона демо-версии:

Код
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?= LANG_CHARSET;?>">
<META NAME="ROBOTS" content="ALL">
<?$APPLICATION->ShowMeta("keywords")?>
<?$APPLICATION->ShowMeta("description")?>
<title><?$APPLICATION->ShowTitle()?></title>
<?$APPLICATION->ShowCSS();?>
<script language="JavaScript1.2" src="/bitrix/templates/demo/js/ddnmenu.js"></script>
</head>
<body link="#525252" alink="#F1555A" vlink="#939393" text="#000000">
<!--begin of Rambler's Top100 code -->
<a href="http://top100.rambler.ru/top100/">
<img src="http://counter.rambler.ru/top100.cnt?1012759" alt="" width=1 height=1 border=0></a>
<!--end of Top100 code-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td>
      <?$APPLICATION->ShowPanel();?>
      <?IncludeTemplateLangFile(__FILE__);?>
         <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="0%"><img src="/bitrix/templates/demo/images/1.gif" alt="" width="34" height="1"></td>
               <td width="0%"><a href="<?echo SITE_DIR?>"><img src="/bitrix/templates/demo/images/top_logo.gif" alt="<?echo GetMessage("MAIN_PAGE");?>" width="45" height="45" border="0"></a></td>
               <td width="0%" nowrap><a href="<?echo SITE_DIR?>" style="text-decoration:none"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#919DA6"><?$APPLICATION->IncludeFile("name.php");?></font></a></td>
               <td width="10%"><img src="/bitrix/templates/demo/images/1.gif" alt="" width="10" height="1"></td>
               <td width="90%" valign="bottom" align="right"><?$APPLICATION->IncludeFile("top_items.php");?>
               <?echo $APPLICATION->GetMenuHtmlEx("top");?></td>
            </tr>
         </table>
         <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td rowspan="2" bgcolor="#A2C4DF"><img src="/bitrix/templates/demo/images/1.gif" width="6" height="1" alt=""></td>
               <td width="0%" rowspan="2" valign="bottom" bgcolor="#A2C4DF"><?if ($APPLICATION->GetProperty("work_pic")):?><img src="/bitrix/templates/demo/images/pics/<?echo $APPLICATION->GetProperty("work_pic");?>" width="158" height="99" alt=""><?else:?><img src="/bitrix/templates/demo/images/pics/top_picture.jpg" alt="" width="158" height="99"><?endif?></td>
               <td width="0%" rowspan="2" bgcolor="#A2C4DF"><img src="/bitrix/templates/demo/images/top_2.gif" alt="" width="35" height="105"></td>
               <td width="0%" rowspan="2" valign="bottom" bgcolor="#A2C4DF"><img src="/bitrix/templates/demo/images/top_3.gif" alt="" width="179" height="99"></td>
               <td width="100%" rowspan="2" bgcolor="#A2C4DF"> </td>
               <td bgcolor="#92B0C8"> </td>
            </tr>
            <tr>
               <td valign="bottom" bgcolor="#92B0C8" align="right"><img src="/bitrix/templates/demo/images/1.gif" width="170" height="1" alt=""><br><?$APPLICATION->IncludeFile("main/site_panel.php");?></td>
            </tr>
      </table>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top">
                  <p><img src="/bitrix/templates/demo/images/left_picture_bottom.gif" alt="" width="166" height="11"></p>
                  <?echo $APPLICATION->GetMenuHtml("left", true);?>
                  <br>
                  <table width=&quot
ответил 01 Окт, 13 от CypukaT (160 баллов)
00 голосов
Обратите внимание на ваше верхнее меню, оно слишком длинное и не вмещается на малом экране... удалите пару пунктов или сделайте поменьше букв...
ответил 02 Янв, 14 от Ferabol (180 баллов)
00 голосов
Владимир, огромное спасибо!
Удалил один пункт в меню, включил его в другой. И все!
Еще раз спасибо!
ответил 18 Апр, 14 от CypukaT (160 баллов)

Похожие вопросы

0 голосов
4 ответов
спросил 11 Март, 13 от Mudak (220 баллов)
0 голосов
3 ответов
0 голосов
1 ответ
спросил 27 Авг, 13 от Dimono (120 баллов)