Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум web-программистов > HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.64/125: Рейтинг темы: голосов - 125, средняя оценка - 4.64
0 / 0 / 0
Регистрация: 27.03.2012
Сообщений: 9

Белая полоса внизу экрана

14.07.2015, 19:06. Показов 24897. Ответов 9
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Появилась странная белая полоса внизу экрана тык (нереклама)
Попытался уже и css править, и убирать классы различные(модули), но остается.
Экспертам заранее спасибо
0
Лучшие ответы (1)
Сообщение: #7875797
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 14.07.2015, 19:06
Ответы с готовыми решениями:

Белая полоса сбоку экрана на мобильных устройствах
Не могу понять из-за чего берется белая полоска, с правой стороны сайта под мобильную ориентацию. http://bitrixfree.zzz.com.ua/ В...

Белая широкая полоса справа при уменьшении экрана
Помогите пожалуйста понять в чем причина широкой полосы, маленькие убирал через overflow а тут уже всю голову сломал, отступов вроде...

Белая полоса сбоку экрана. HTML не на всю ширину
Собственно, САБЖ. Фиксированная ширина макета. Когда ширина экрана становится меньше ширины макета - справа появляется белая полоса и...

9
Почетный модератор
Эксперт по компьютерным сетямЭксперт Windows
 Аватар для magirus
28049 / 15785 / 983
Регистрация: 15.09.2009
Сообщений: 67,752
Записей в блоге: 78
14.07.2015, 19:23
эксперты хотят видеть картины код.
2
0 / 0 / 0
Регистрация: 27.03.2012
Сообщений: 9
15.07.2015, 15:02  [ТС]
css или же tpl(index) самого шаблона?

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

* { margin:0; padding:0; }
 
body { background:url(../images/bgall.jpg) no-repeat top center; color:#fff; font-family:'Candara'; }
 
a { color:#e0fda3; }
@font-face { font-family:'Candara'; src:url(../fonts/CANDARA.TTF); }
.wrapper { width:980px; margin:0 auto; position:relative; }
.bg1 { background:url(../images/bg1.jpg) no-repeat; height:392px; }
.bg2 { background:url(../images/bg2.jpg) no-repeat; height:376px; margin:-1px 0; }
.bg3 { background:url(../images/bg3.jpg) no-repeat; height:284px; background-size:100% 100%; }
 
.logo { background:url(../images/logo.jpg); width:238px; height:160px; position:absolute; top:118px; left:327px; }
 
.startgame { background:url(../images/startgame.png); width:132px; height:132px; position:absolute; top:125px; right:2px; -webkit-border-radius:100%; -o-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.startgame:hover { background-position:bottom; }
 
ul { list-style:none; }
 
.navi { position:absolute; top:13px;  }
.navi li { display:inline-block; vertical-align:top; margin:0 14px; }
.navi li a { color:#ffecd0; font-size:19px; text-shadow:-1px -1px 0px rgba(0,0,0,1.00); text-decoration:none; text-transform:uppercase; padding:6px 12px; -webkit-border-radius:15px; -o-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.navi li a span { font-size:24px; }
.navi li a:hover, .navi li a.active { color:#ffcc84; background:rgba(0,0,0,0.2); -webkit-box-shadow:inset 2px 2px 5px rgba(0,0,0,0.3); }    
 
#content2 { width:345px; height:450px; position:absolute; top:340px; left:237px; color:#ffe5cc; text-shadow:-1px -1px 0px rgba(0,0,0,1.00); font-family:Arial; font-size:12px; }
 
.news { margin-bottom:15px; }
.news .title { color:#e0fda3; font-size:17px; margin:5px 0; font-family:Times; text-transform:uppercase; }
.news .date { background:url(../images/date.png); width:48px; height:18px; font-size:10px; color:#fff; line-height:19px; padding-left:17px; }
 
 
.pagination { text-align:center; font-family:'Candara'; margin-top:40px; }
.pagination a { color:#ffe5cc; text-decoration:none; font-size:14px; margin:0 -2px; display:inline-block; vertical-align:top; width:39px; height:18px; text-align:center; line-height:18px; }
.pagination a:hover, .pagination a.active { background:url(../images/page-active.png); }
 
 
.copyright { color:#f7efc5; font-size:13px; font-family:'Candara'; position:absolute; top:890px; left:230px; text-shadow:-1px -1px 0px rgba(0,0,0,1.00); opacity:0.7; }
.copyright p { color:#fccd89; font-weight:bold; } 
.copyright:hover { opacity:1; }
 
.unsimple { background:url(../images/unsimple.png); width:89px; height:23px; position:absolute; top:970px; left:230px; }
 
.counters { position:absolute; top:890px; right:125px; }
.counters .counter { display:inline-block; vertical-align:top; margin:0 4px; opacity:0.7; }
.counters .counter:hover { opacity:1; }
 
.lastpost { width:230px; position:absolute; top:560px; left:650px; font-family:'Candara'; }
.lastpost .item { background:url(../images/ico-forum.png) no-repeat left center; padding:12px 0 12px 25px; }
.lastpost .item a { color:#4f4039; text-shadow:-1px -1px 0px rgba(255,255,255,0.4); font-size:14px; text-decoration:none; }
.lastpost .item .author { color:#846453; font-size:12px; margin-top:1px; }
.lastpost .item:hover { background:url(../images/ico-forum-active.png) no-repeat left center; }
 
.social { position:absolute; top:485px; left:642px; }
.social li { display:inline-block; vertical-align:top; margin:0 5px; }
.social li a { width:32px; height:32px; opacity:0.7; display:block; }
.social li a:hover { opacity:1; }
.social .vk { background:url(../images/ico-vk.png) no-repeat; }
.social .twitter { background:url(../images/ico-twitter.png) no-repeat; }
.social .fb { background:url(../images/ico-fb.png) no-repeat; }
 
.input { background:url(../images/input.png); width:204px; height:28px; padding:0 10px; color:#d9e8ee; font-size:14px; outline:none; border:none; font-family:Times; }
.input.inp-captcha { width:154px; padding:0 10px 0 60px; }
::-webkit-input-placeholder { color:#d9e8ee; }
::-moz-placeholder { color:#d9e8ee; }
:-moz-placeholder { color:#d9e8ee; }
:-ms-input-placeholder { color:#d9e8ee; }
 
.login-bar { position:absolute; top:315px; left:645px; }
.login-bar .captcha { width:50px; height:20px;  text-align:left; display:inline-block; vertical-align:top; margin-right:-54px; z-index:1; position:relative; margin-top:3px; font-size:12px; text-align:left; line-height:20px; position:relative; left:0px; top:-1px; }
.login-bar .item { margin-bottom:5px; }
.login-bar .enter { background:url(../images/enter.png); width:111px; height:30px; display:block; }
 
.status { position:absolute; top:172px; left:580px; text-shadow:-1px -1px 0px rgba(255,255,255,0.6); opacity:0.9; }
.status:hover { opacity:1; }
.status > div { display:inline-block; vertical-align:middle; }
.status .name { width:60px; text-align:center; color:#77a521; font-family:Arial; font-size:22px; margin-top:3px; }
.status .cur-status { width:58px; height:58px; }
.status .cur-status.on { background:url(../images/ico-on.png) no-repeat; }
.status .online { font-family:'Candara'; font-size:60px; font-weight:bold; line-height:35px; color:#5a8e19; position:relative; top:-17px;}
.status .online p { font-size:13px; font-weight:normal; color:#5496c4;}
 
.bonus { color:#823d1c; font-size:24px; position:absolute; left:650px; top:120px; text-decoration:none; text-shadow:-1px -1px 0px #fff; }
#banners {
display: inline-block;
width:150px;
top: 0px;
right: 40px;
transition:visibility 0s 0s,opacity 1s; 
visibility:visible; 
opacity:0.8; 
}
#cp a { color:#000000;}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{title}</title>
<link rel="stylesheet" type="text/css" href="{template}/css/style.css">
<link rel="stylesheet" type="text/css" href="{template}/css/engine.css">
<script src="{template}/js/jquery-1.11.1.min.js"></script>
<script src="{template}/js/jquery.slimscroll.js"></script>
<script src="{template}/js/scripts.js"></script>
</head>
 
<body>
<div class="wrapper">
<div style="position:absolute; top:10px; left:-170px;"><a href="http://l2top.ru/vote/28720/" target="_blank"><img src="http://l2top.ru/catalog/top.php" width="88px" height="31px" border="0" alt="L2top.ru: Рейтинг-каталог серверов Lineage2"></a></div>
<div class="bg1"></div>
<div class="bg2"></div>
<div class="bg3"></div>
<a href="/" class="logo"></a>
<a href="/index.php?f=start" class="startgame"></a>
 
<a href="/donate" class="bonus">Пожертвование</a>
 
<ul class="navi">
    <li><a href="/"><span>Г</span>лавная</a></li>
    <li><a href="/index.php?f=about"><span>О П</span>роекте</a></li>
    <li><a href="/index.php?f=files"><span>Ф</span>айлы</a></li>
    <li><a href="/"><span>Ф</span>орум</a></li>
    <li><a href="/index.php?f=stat"><span>С</span>татистика</a></li>
</ul>
 
<div id="content2">
    <div class="scroller">
    {info}{content}
    </div>
  
</div>
 
{server}
 
<div class="login-bar">
    {login}
</div>
 
<ul class="social">
    <li><a href="/" class="vk"></a></li>
    <li><a href="#" class="twitter"></a></li>
    <li><a href="#" class="fb"></a></li>
</ul>
 
 
{forum}
<div class="copyright">
    © 2014 Игровой сервер 
    <p>Добро пожаловать в волшебный мир Lineage 2</p>
</div>
 
<a href="http://unsimple.com" class="unsimple"></a>
 
<div class="counters">
<div class="counter"><!--LiveInternet counter--><script type="text/javascript">document.write("<a href='//www.liveinternet.ru/click' target=_blank><img src='//counter.yadro.ru/hit?t19.6;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) + ";" + Math.random() + "' border=0 width=88 height=31 alt='' title='LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня'><\/a>")</script><!--/LiveInternet--></div>
<div class="counter"><script id="_wau9ht">var _wau = _wau || []; _wau.push(["classic", "aubjm4fwg9ct", "9ht"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script></div>
</div>
</div>
</body>
</html>
Добавлено через 19 часов 38 минут
Жаль, что никто не знает
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
15.07.2015, 15:09
Restor4ik, страницы подключаются с помощью php?
0
0 / 0 / 0
Регистрация: 27.03.2012
Сообщений: 9
15.07.2015, 15:42  [ТС]
Да, cms - Stressweb
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
15.07.2015, 15:57
Restor4ik, тогда есть одна мысль хотя может Вам и не поможет... Во-первых все файлы Вашего проекта включая php должны быть в одной кодировке(UTF без BOM) без исключений... Второе проверьте наличие пробелов и лишних символов, например иногда ?> может быть причиной появления пустых строк на сайте... На будущее не забывайте в css писать такой стиль:
CSS
1

html, body{width:100%; height:100%; margin:0}
Хотя есть мысль, что полоса появилась не от неправильной вёрстки, так что проверяйте php(именно файлы проекта)...
1
0 / 0 / 0
Регистрация: 27.03.2012
Сообщений: 9
15.07.2015, 16:15  [ТС]
Проверил все, но все попытки тщетны.


Убрал полоску (в одном из файлов шаблона стоял UTF8 обычный, исправил - убралась полоса на пикселей 20, потом убрал 1 script на показ онлайна на сайте - полоса убралась вовсе)
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
15.07.2015, 16:26
Лучший ответ Сообщение было отмечено Restor4ik как решение

Решение

Цитата Сообщение от Restor4ik Посмотреть сообщение
Проверил все, но все попытки тщетны.
Так полоса пропала...

Добавлено через 6 минут
Вот и разрешилось, а Вы переживали...
1
0 / 0 / 0
Регистрация: 27.03.2012
Сообщений: 9
15.07.2015, 17:10  [ТС]
Просьба модераторам удалить ссылку на сайт, а так же коды css/html
0
Почетный модератор
Эксперт по компьютерным сетямЭксперт Windows
 Аватар для magirus
28049 / 15785 / 983
Регистрация: 15.09.2009
Сообщений: 67,752
Записей в блоге: 78
17.07.2015, 12:20
Restor4ik, 2.3. Сообщения и темы, а также другой контент, размещаемый на форуме, по просьбам пользователей не удаляется и не закрывается.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 17.07.2015, 12:20
Помогаю со студенческими работами здесь

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

Белая полоса
Доброго времени суток, возникла такая проблема. На сайте ppubg.ru (естественно не реклама), в footer есть белая полоса. Все никак не могу...

Белая полоса
В общем, вчера еще все было нормально и никаких полосок не было Но мне пришлось все файлы с фтп вытащить и залить их на другой сервер,...

Белая полоса в 2-ной рамке
Не могу убрать белу полосу, подскажите пожалуйста как убрать. Белая полоса находится между первой и второй рамкой. Файл css ...

Белая полоса под футером
Здравствуйте! Прижала футер к низу. Как убрать белую полосу под футером? &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru