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

Горизонтальная прокрутка сайта

00 голосов
3
Доброе время суток!

Не подскажете как включить горизонтальную прокрутку сайта, если размер полоски-картинки 1280*318, а разрешение экрана 1024*768. Если без прокруток, то режет полоску-картинку.
Заранее благодарю.

Вот исходник стили главного сайта:

Код
table {border-collapse:collapse;}
html, body {height:100%;background:#fff;}
body {margin:0px;padding:0px;overflow:scroll;}
body, td, th {font:12px Tahoma;color:#717171;}
h1 {font:normal 22px "Arial Narrow";color:#3666b6;margin:0 0 15px 0;}
h1 a {text-decoration:none;color:#3666b6;}
h2 {font-size:14px;font-weight:normal;color:#2d2d2d;padding:0;margin:0 0 15px 0;}
h3 {}

#Content h1 {font:bold 16px Tahoma;color:#2d2d2d;}
form {margin:0;padding:0;}
a {text-decoration:underline;color:#3666b6;}
a:hover {text-decoration:none;}
img {border:none;}
p {margin:0 0 10px 0;}
#Content p {line-height:16px;}
input, select, option, textarea {font:12px Arial;color:#505050;}



#top {width:100%;margin-left:-50%;left:50%;position:relative;min-height:100%;height:auto !important;height:100%;background:no-repeat 50% 0;}
#top #main {width:884px;margin-left:-442px;left:50%;position:relative;min-height:100%;height:auto !important;height:100%;}
#holder {height:140px;clear:both;}
#foot {background:#fff url('/bitrix/templates/Main/images/footer.gif') no-repeat 50% 0;width:100%;margin-top:-130px;height:130px;position:relative;margin-left:-50%;left:50%;}
#foot .main {width:884px;margin-left:-442px;left:50%;position:relative;background:#f6f6f6;padding:27px 0;}

#foot .main div {float:right;padding:0 20px 0 0;}
#foot .main span {float:left;display:block;padding:0 0 0 20px;}
#foot .main {text-align:center;}
#foot a span {color:#717171;text-decoration:none;}

#topPrint {width:100%;margin-left:-50%;left:50%;position:relative;min-height:100%;height:auto !important;height:100%;background:no-repeat 50% 0;}
#holderPrint {height:140px;clear:both;}
#footPrint {background:#fff url('/bitrix/templates/Main/images/footer.gif') no-repeat 50% 0;width:100%;margin-top:-130px;height:130px;position:relative;margin-left:-50%;left:50%;}
#footPrint .main {background:#f6f6f6;padding:27px 0;}

#footPrint .main div {float:right;padding:0 20px 0 0;}
#footPrint .main span {float:left;display:block;padding:0 0 0 20px;}
#footPrint .main {text-align:center;}

.search .text {background:#fff;border:1px solid #cdcdcd;color:#a1a1a1;padding-right:5px;padding-left:5px;}
.search .submit {background:#3666b6;border:none;color:#fff;padding-right:7px;padding-left:7px;}

.enterLink {display:block;float:right;background:#3666b6;padding:5px 10px;margin:13px 0 0;}

.menuLang {margin:0 0 0 160px;float:left;}
.menuLang a {display:block;float:left;padding:20px 6px 10px 6px;margin:0 12px 0 0;color:#323369;text-decoration:none;}
.menuLang a.act {background:#3666b6;color:#fff;}
.menuLang a:hover {background:#d0e7ef}
.menuLang a.act:hover {background:#3666b6;}

.header {padding:16px 0 0 0;clear:both;}

.menuLang {overflow:hidden;}

.menuHot {float:right;padding:15px 0 0 0;}
.menuHot a {display:block;padding:5px;margin:0 30px 4px 0;}

.logo, .slogan {vertical-align:middle;}

.slogan {margin:0 0 0 50px;}

.menuTop {height:50px;margin:20px 1px 0 1px;}
.menuTop table {background:url('/bitrix/templates/Main/images/fon_menu.gif') repeat-x 0 0;}


#Right {margin:0 10px 0 629px;}
#Left {margin:0 20px 0 20px;float:left;width:589px;}
#LeftFull {margin:0 20px 0 20px;}

.headerBlock {position:relative;margin:0px 0 15px 0;padding:10px 0 0 0;background:url('/bitrix/templates/Main/images/line.gif') repeat-x 0 100%;overflow:hidden;}
.headerBlock img {position:absolute;bottom:1px;right:0;}
.headerBlock h1 {background:url('/bitrix/templates/Main/images/h1.gif') no-repeat 0px 23px;padding:15px 0 0 20px;}

.blockMainPage {margin:-15px 0 5px 0;background:#fbfbfb url('/bitrix/templates/Main/images/line_main_page.gif') repeat-x 0 0;}
.blockMainPage .L {background:url('/bitrix/templates/Main/images/line2.gif') repeat-y 0 0;}
.blockMainPage .R {background:url('/bitrix/templates/Main/images/line2.gif') repeat-y 100% 0;}
.blockMainPage .B {background:url('/bitrix/templates/Main/images/line.gif') repeat-x 0 100%;padding:10px;}
.blockMainPage h1 {font:bold 14px Tahoma;color:#3a3a3a;}

.blockMainPage2 {overflow:hidden;}

.showing {float:right;width:300px;}
.showing table {width:100%;}
.showing thead td  {padding:2px 10px;background:#f4f4f4;font-size:13px;font-weight:bold;color:#3a3a3a;}
.showing tbody td {padding:5px 10px;background:url('/bitrix/templates/Main/images/line.gif') repeat-x 0 100%;font-size:11px;}
.showing td.n {background:none;width:10px;font-size:1px;padding:0;}

.today-list a {padding:2px 5px 4px 5px;display:block;background:#f4f4f4;margin:0 0 10px 0;}
.today {float:left;width:270px;}

.detail {overflow:hidden;}
.detail a, a.feedBack {float:right;display:block;background:url('/bitrix/templates/Main/images/detail.gif') no-repeat 100% 4px;padding:0 15px 0 0;}
.dT {margin:10px 0 0;}

.newsMain .date {color:#3a3a3a;font:bold 16px Arial;margin:20px 0 7px 0;}
.newsMain a {display:block;}

.bannersBottom {clear:both;padding:40px 0 0 0;}
.bannersBottom .first {float:right;}
.bannersBottom .first img {margin:0 16px 20px 0;clear:both;}
.bannersBottom .lenta img {margin:0 21px 20px 0;}

.bannersRight {margin:20px 0 0 0;}
.bannersRight img {margin:0px 0 20px 0;}

.menuLeft, .menuLeft li, .menuLeft li ul, .menuLeft li ul li {margin:0px;padding:0px;}
.menuLeft {margin:0 0 0px 0;}
.menuLeft li {list-style:none;}
.menuLeft span {background:url('/bitrix/templates/Main/images/menu.gif') no-repeat 0 12px;display:block;}
.menuLeft ul li span {background:none;}
.menuLeft li a {background:url('/bitrix/templates/Main/images/line.gif') repeat-x 0 100%;display:block;padding:6px 0 6px 15px;margin:5px 0 0 0;}
.menuLeft li ul {margin:0 0 0 31px;}
.menuLeft li ul li {background:none;}
.menuLeft li ul li a {padding:6px 0 6px 5px;}
.menuLeft a {color:#2d2d2d;text-decoration:none;}
.menuLeft a:hover {color:#4faee3;}
.menuLeft li ul li a {color:#717171;}
.menuLeft a.act {background:#4faee3;color:#fff;}
.menuLeft a:hover.act {color:#fff;}

.navigator {margin:10px 0 0 0;}

.t1 {border-top:1px dashed #6a6a6a;border-left:1px dashed #6a6a6a;background:#f8f8f8;}
.t1 td {padding:3px 4px;border-right:1px dashed #6a6a6a;}
.t1 thead td {text-align:center;background:#aaaaaa;color:#fff;}
.t1 tbody td {border-bottom:1px dashed #6a6a6a;}
.t1 .f {color:#000;}

.listKomanda, .listKomanda li {margin:0px;padding:0px;}
.listKomanda li {list-style:none;float:left;width:49.5%;margin:0 0 20px 0;}
.listKomanda img {float:left;margin:0 10px 0 0;}
.listKomanda .name {font-size:16px;color:#1c0000;}
.listKomanda .descr {color:#717171;line-height:16px;}

.listAdministration, listAdministration li {margin:0px;padding:0px;}
.listAdministration li {list-style:none;clear:both;overflow:hidden;margin:0 0 20px 0;}
.listAdministration img {float:left;margin:0 10px 0 0;}
.listAdministration .name {font-size:14px;color:#1c0000;}
.listAdministration .descr {color:#717171;line-height:16px;}

.listNews, .listNews li {margin:0px;padding:0px;}
.listNews li {list-style:none;margin:0 0 20px 0;overflow:hidden;}
.listNews img {float:left;margin:0 20px 0 0;}
.listNews .date {font-size:14px;color:#2d2d2d;}
.listNews .p {display:table;}
.listNews .br {line-height:8px;}

.Left {float:left;margin:0 20px 5px 0;}

.Contacts, .Contacts ul, .Contacts li {margin:0px;padding:0px;}
.Contacts li {list-style:none;}
.Contacts .root {float:left;width:50%;}
.Contacts h2 {font-size:14px;font-weight:bold;background:#f4f4f4;margin:0 20px 7px 0;padding:1px 5px 1px 5px;}
.Contacts h3 {color:#1e1e1e;font-size:12px;font-weight:normal;margin:0 0 0 5px;}
.Contacts ul li {margin:5px 0 20px 15px;}

.ContactsR
спросил 21 Дек, 13 от Nekotyaan (100 баллов)

3 Ответы

00 голосов
а html где?
в стиле не видно картинки такого размера, но даже если она идет фоном через css, то полоса и не появится.
так что смотрите в коде страницы.
ответил 08 Март, 14 от flosing (100 баллов)
00 голосов
ответил 30 Июнь, 14 от ledyNEXUS (420 баллов)
00 голосов
А в чем вопрос? как убрать прокрутку - overflow: hidden;
Но лучше вообще ресайзить джавой... <-- мое личное мнение.
ответил 30 Окт, 14 от Yrys (220 баллов)

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

0 голосов
1 ответ
0 голосов
1 ответ
спросил 18 Июль, 19 от аноним
0 голосов
1 ответ
спросил 23 Май, 19 от аноним