How to make the content of the site evenly scaled with the background of the site?

A

Alexey2015-11-10 13:58:58

css

Alexey, 2015-11-10 13:58:58

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
  
    body {
      background: url(img/fon_1.jpg) no-repeat;
      position: absolute;
      background-position: center top;
    }
    
    .container {
      margin-top: 250px;
      margin-left: 500px;
    }

  </style>
</head>
<body>
  <div class="container">
    <div class="navigator">
      <ul>
        <li>Главная</li>
        <li>Статьи</li>
        <li>О нас</li>
        <li>Главная</li>
      </ul>
    </div>

    <div class="blocks">
      <div class="block1"></div>
      <div class="block2"></div>
      <div class="block3"></div>
      <div class="block4"></div>
      <div class="block5"></div>
      <div class="block6"></div>
    </div>
  </div>
</body>
</html>

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

Alexey Chertok, 2015-11-10
@BarnyBroken

If I understand you correctly, then here: https://jsfiddle.net/uabirder/8ggjm4s4/1/