powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выравнивание фона по всему сайту
1 сообщений из 1, страница 1 из 1
выравнивание фона по всему сайту
    #38753963
ldar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Я новичок, дизайнер мне скинул дизайн сайта - лендинга, под экран 1920px, и длиной 7534px, фон по всей длине уникальный,если целиком грузить, долго подгружается...Разделил поблочно, но теперь архитектура html не понятной получается, раньше я создавал так
Код: html
1.
2.
3.
4.
5.
6.
7.
<body>
  <div class="container">
    <div class="row-line"></div>
    <div class="row-line"></div>
    <div class="row-line"></div>
  </div>
</body>


и у body прописывал bacground, а container оцентровывал по горизонтали с необходимой шириной
Код: css
1.
2.
3.
4.
5.
6.
7.
body{
background:url(...) no-reperat center;
  .container{
    margin: 0 auto;
    width:600px;
  }
}


Ну а в данной ситуации фон разбит по частям.
Сделал так
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<body>
    <div class="row-line-1">
       <div class="container">
         <div></div>
       </div>
    </div>
    <div class="row-line-2">
      <div class="container">
         <div></div>
       </div>
    </div>
    <div class="row-line-3">
      <div class="container">
         <div></div>
       </div>
    </div>
</body>


Код: css
1.
2.
3.
4.
5.
6.
7.
row-line-1{ background:url(...bg1.png) no-reperat center;}
row-line-2{ background:url(...bg2.png) no-reperat center;}
row-line-3{ background:url(...bg3.png) no-reperat center;}
.container{
    margin: 0 auto;
    width:600px;
  }


Но у меня сомнения вообще в правильности моего решения, может подскажите советом?
...
Рейтинг: 0 / 0
1 сообщений из 1, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выравнивание фона по всему сайту
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]