Растянуть шапку

264
26 ноября 2016, 19:43

Всем доброго времени суток. Нужно меню растянуть на всю ширину экрана,как можно это сделать? Знакомый сказал,что верстка кривая,и нужно враппер поменять местами с контентом. Но хотелось бы узнать по-подробнее.Так как ковырял.но ничего не получилось. Заранее благодарю за ответ. Сам сайт

Answer 1

Попробуй так. 

/* убери отступы всей страницы */ 
 
body { 
  padding: 0; 
} 
/* добавляй только там где нужно */ 
 
.headerInfo, 
.content { 
  padding: 0, 20px; 
}
<!DOCTYPE html> 
<html> 
 
<head> 
  <meta charset="utf-8"> 
  <title>Пример страницы</title> 
</head> 
 
<body> 
  <header> 
    <div class="headerInfo"> 
      <!--Твое изображение с текстом--> 
    </div> 
    <nav> 
      <!--Навигация--> 
    </nav> 
  </header> 
  <div class="content"> 
    <!--Контент сайта--> 
  </div> 
</body> 
 
</html>

Answer 2

Нашел ответ. Костыль но все же. Добавляем style.css код

#navigation {
    width: calc(100% - (-99px));
    margin-left: -50px;
}

а в layout.css на 75 строке поменять это

@media only screen and (min-width: 768px){
    ul.nav li {
        padding-left: 3%;
    }
}

на это

@media only screen and (min-width: 768px){
    ul.nav li {
        padding-left: 50px;
    }
}

Надеюсь, кому-нибудь поможет.

READ ALSO
Откуда взялся отступ между div&#39;aми?
HTML

Откуда взялся отступ между div'aми?

У меня есть два дива - material-list-item-icon и material-list-item-textЯ НЕ задаю между ними отступ, но он есть

 236
C# парсинг сложных сайтов
HTML

C# парсинг сложных сайтов

Привет! Как можно распарсить сайт, у которого html-код не содержит нужных данных в явном виде? Например, нужно с этой страницы https://ekbzarplata

 403
Одинаковое положение
HTML

Одинаковое положение

 268
Как убрать отступы, создающиеся по краям сайта? [закрыто]
HTML

Как убрать отступы, создающиеся по краям сайта? [закрыто]

Мучают белые полоски отступов, портящие внешний вид моего сайтаКак от них следует избавляться?

 351