Не получается растянуть header по ширине экрана

edshine · June 6, 2018

Всем привет.
В Веб-дизайне совсем новичок и столкнулся с проблемой следующей:
как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял).
Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит.
Как убрать эту пустую зону справа? Всем буду благодарен за помощь!

HTML:

<!DOCTYPE html>
<html lang="ru=RU">
<html>
    <head>
    <meta charset="utf-8">
    <title> SHINE DESIGN </title>
    <link rel="stylesheet" type="text/css" href="new 1.css">
    </head>
    <body>
    <header>
    <div class = "wallpaper">
    <img src = "img/Wallpaper.png/" alt = "header">
    </div>
    </header>

</body>
</html>

CSS:

body {
  padding: 0;
  margin: 0;    
}

.wallpaper{
  background: url(../img/Wallpaper.png) no-repeat center center fixed;
  background-size: cover; 
}

Edited June 7, 2018 by klierik

klierik · June 7, 2018

Ах да, точно. Я имел ввиду вот так

.wallpaper > img {
  width: 100%;
}

klierik · June 7, 2018

Здравствуйте.

Вы перепутали подход с картинкой и с фоновым изображением. Попробуйте вот так:

.wallpaper {
  width: 100%;
}

vladmih · June 7, 2018

5 минут назад, klierik сказал:
Здравствуйте.

Вы перепутали подход с картинкой и с фоновым изображением. Попробуйте вот так:
.wallpaper {
  width: 100%;
}

Блок по умолчанию и так 100%, у него картинка меньше размера блока...

AlexZaw · June 7, 2018

У меня три вопроса.

1. Файл стилей точно подключен? Вы проверяли?

2. Масштаб в браузере случайно не изменен?

3. Это весь код что у вас есть, или вы от нас что то скрываете? ?

edshine · June 7, 2018

Всем спасибо за ответы. После работы посмотрю, получилось ли сделать.
AlexZaw:
1. Не уверен. Вроде нет.
2. Масштаб в браузере не изменён.
3. Абсолютно весь.
:)

AlexZaw · June 7, 2018

35 минут назад, edshine сказал:

1. Не уверен. Вроде нет.

Тогда проверяйте ? Потому, что, если я вас правильно понял, и вам нужно растянуть фон на весь header, сам по себе ваш код работает нормально.

Ах да, и проверьте пути. судя по коду у вас файл со стилями лежит в той же папке что и html файл, а в css вы пытаетесь на фон установить картинку которая находится в папке на один уровень выше

Sign In

Не получается растянуть header по ширине экрана

Question

edshine

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

vladmih

Link to comment

Share on other sites

AlexZaw

Link to comment

Share on other sites

edshine

Link to comment

Share on other sites

AlexZaw

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information