Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Как убрать прокрутку?
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Как убрать прокрутку?

Страниц (1): [1]
 

1. WWR - 04 Сентября, 2016 - 15:32:59 - перейти к сообщению
Доброго дня!
при размещении элемента в центре страницы, создается ненужная прокрутка экрана. снизу и справа, хотя по идее прокручивать нечего. проверял на разных экранах, везде тоже самое.
можно ли её как-то убрать?
код css прилагаю
CODE (html):
скопировать код в буфер обмена
  1. #outer {
  2.     height:100%;
  3.     width:100%;
  4.     position:absolute;
  5.     text-align: center;
  6. }
  7.  
  8. #before {
  9.  
  10.     display: inline-block;
  11.     height: 100%;
  12.     vertical-align: middle;
  13. }
  14.  
  15. #inner {
  16.     display: inline-block;
  17.     vertical-align: middle;
  18.     border:1px solid red;
  19. }
2. DeertOff - 04 Сентября, 2016 - 17:37:32 - перейти к сообщению
скорее всего бордер не учитывается при расчёте центра.
или сам элемент позиционируется от угла в центр.
Пробуйте с отрицательным margin
3. WWR - 04 Сентября, 2016 - 18:18:14 - перейти к сообщению
DeertOff пишет:
скорее всего бордер не учитывается при расчёте центра.
или сам элемент позиционируется от угла в центр.
Пробуйте с отрицательным margin

сработало. спасибо
4. WWR - 06 Сентября, 2016 - 19:09:08 - перейти к сообщению
[quote=DeertOff][/quote]
Друг, у меня опять аналогичная проблема. опять вылазит прокрутка экрана. подскажи как убрать? но раньше у меня была прокрутка с двух сторон, то теперь только вертикали
вот код
CODE (htmlphp):
скопировать код в буфер обмена
  1. body {
  2.     background: black;
  3.    
  4. }
  5.  
  7.   background: yellow;
  8.   height: 100px;
  9.   margin-bottom: 10px;
  10.   border: 10px solid crimson;
  11. }
  12.  
  13. main {
  14.   background: green;
  15.   margin-bottom: 10px;
  16. }
  17.  
  18. .left {
  19.   background: blue;
  20.   width: 250px;
  21.   height: 800px;
  22.   float: left;
  23. }
  24.  
  25. .center {
  26.   background: orange;
  27.   height: 800px;
  28.   margin: 0 0 0 250px;
  29. }
  30.  
  31. .right {
  32.   background: aqua;
  33.   width: 160px;
  34.   height: 800px;
  35.   float: right;
  36. }
  37.  
  38. footer {
  39.   background: red;
  40.   height: 80px;
  41.  
  42. }

 

Powered by ExBB FM 1.0 RC1