Jump to content
  • 0

Помогите сделать body на весь экран


Евгений1111
 Share

Question

Ребят делаю сайт, попросил друг, 3 года как не занимался этим, забросил, и очень многое забыл, сложно делать по старой памяти, но приходиться. Я делаю сайт на подобии того что делал раньше, но у меня видимо очень много ошибок, одна из их не могу понять почему body только закрывает часть сайта, а не на весь, уже больше 2 часов промучился переискал кучу инфы в интернете ничего не помогает, если вы не поможете прийдёться забросить это дело.  

я всё проверял все галочки всё закрыто, не должно быть ошибок, но боди хоть убей закрывает часть только сайта из за этого едит весь блок

 

вот код в css

  body{margin:0;background:url(image/3.png)no-repeat;background-size: 2140px 1510px, auto, 2150px;}
body>*{margin:auto;width:1400px;height:100%;}
header{width:1400px;height:200px;background:gold;display:block;}

 

 

 

5ab4bf2f70.jpg

 

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Сама функция body имея значение на весь сайт закрывает по высоте только часть и не распростаряеться на  всю страницу, даже когда я давал ей команду в css height 100%, не могу понять почему она не закрывает всю страницу а только часть ее

я начал делать страницу в html body взял за основу но по высоте на скрине видно что нет, не могу понять как придать значение на всю страницу

body{margin:0;background:url(image/3.png)no-repeat;background-size: 2140px 1510px, auto, 2150px;}
body>*{margin:auto;width:1400px;height:100%;}

 

1 час назад, Vlad_P сказал:

body {min-height: 100vh;}

Спасибо помогло, фух целый час потратил, Просто блоки все ехали и ничего не мог с этим сделать, хотел хэдер разделить на 2 секции левую и правую, но после того как прописал код все блоки сьехали

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By M4TT
      Добрый день! помогите пожалуйста со скриптом таймера(счетчика) тип времени работы компании. Требуют, чтобы было с годом, месяцем, днем, часами и т.д. Прошарил все сайты, не могу найти --  сделать, чтобы он он шел вперед... ПРИМЕР: "мы на рынке уже: 7 лет, 2 месяца, 3 дня, 4 часа, 2 минуты, 33 секунды"

      Напишите код, если не тяжело... Спасибо.
    • By Frikker
      Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так?
       
      #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }  

    • By zukko961@gmail.com
      Добрых суток Товарищи. Помогите. Есть макет сайта. Пробую сверстать нижнею часть это все ниже начиная от белого фона. Проблема в том что я открывая сайт в интернете(chrome) вижу то, что я свесртал  не влезает и скролится влево. Как это исправить. Пробовал max-widht вроде не помогает. Может не правильно применяю...
    • By Marqus
      Здравствуйте прошу помочь реализовать нормальный слайдер, в данный момент все в принципи работает как и было задумано, но все картинки привязаны позиционно и накладываются друг на друга из-за чего при уменьшении размера все сбивается
      <h3 class="alt_4" color="#63308a" >Личные качества</h3> <img align="left" style="margin-right: 30px;" src="http://www.mqsart.ru/wp-content/uploads/2013/10/workroom_start-300x268.png" alt="" width="300" height="268"/> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Ответственность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_liability.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Креативность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_creative.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Гибкость мышления</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_thinking.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Внимание к деталям</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_full.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Быстрая обучаемость</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_educability.png" alt="" width="300" height="268"/></span></a></br>  


    • By TOTO
      Нужна помощь с горизонтальным меню для сайта.
      Мне нужно чтобы в меню все кнопки были сверху вместе с логотипом и в нем не оставалось пустого места, и что-бы было у всех одинаковое и не съезжало вниз от того что у человека маленький монитор. 
      Помогите решить данную проблему вот ссылка на меню: http://jsfiddle.net/u0tafr7v/ буду очень благодарен если поможете  

      Вот на фото пример как нужно что-бы было на сайте при любых расширениях экрана у пользователя.
       А это что происходит при уменьшение браузера или с маленького монитора:
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy