Всем доброго времени суток.
Нужно меню растянуть на всю ширину экрана,как можно это сделать?
Знакомый сказал,что верстка кривая,и нужно враппер поменять местами с контентом.
Но хотелось бы узнать по-подробнее.Так как ковырял.но ничего не получилось.
Заранее благодарю за ответ.
Сам сайт
0
2 ответа
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>
1
Нашел ответ. Костыль но все же. Добавляем 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;
}
}
Надеюсь, кому-нибудь поможет.
#navigation
стилиwidth: 107.5%; margin-left: -4%;
. – Dmitriy Kondratiuk 6 ноя '16 в 19:32