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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как убрать прокрутку?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: при размещении элемента в центре страницы, создается ненужная прокрутка экрана
WWR
Отправлено: 04 Сентября, 2016 - 15:32:59
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Авг. 2016  


Помог: 0 раз(а)




Доброго дня!
при размещении элемента в центре страницы, создается ненужная прокрутка экрана. снизу и справа, хотя по идее прокручивать нечего. проверял на разных экранах, везде тоже самое.
можно ли её как-то убрать?
код 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. }

Прикреплено изображение (Нажмите для увеличения)
Screenshot_1.jpg
 
 Top
DeertOff
Отправлено: 04 Сентября, 2016 - 17:37:32
Post Id



Гость


Покинул форум
Сообщений всего: 126
Дата рег-ции: Июль 2011  


Помог: 3 раз(а)




скорее всего бордер не учитывается при расчёте центра.
или сам элемент позиционируется от угла в центр.
Пробуйте с отрицательным margin

(Отредактировано автором: 04 Сентября, 2016 - 17:42:17)

 
 Top
WWR
Отправлено: 04 Сентября, 2016 - 18:18:14
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Авг. 2016  


Помог: 0 раз(а)




DeertOff пишет:
скорее всего бордер не учитывается при расчёте центра.
или сам элемент позиционируется от угла в центр.
Пробуйте с отрицательным margin

сработало. спасибо
 
 Top
WWR
Отправлено: 06 Сентября, 2016 - 19:09:08
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Авг. 2016  


Помог: 0 раз(а)




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

Прикреплено изображение (Нажмите для увеличения)
Screenshot_4.jpg

(Отредактировано автором: 06 Сентября, 2016 - 19:10:08)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB