zhenyavka
@zhenyavka
Недохацкер, возомнивший о себе.

Позиционирование div на float?

У меня всегда были проблемы с позиционировкой элементов в коде. Есть main-header, а у него есть два "подчинённых":
  1. left-header;
  2. right-header;

Проблема в том, что два "подчинённых" ни в какую не хотят объединиться. Помогите решить ламеру его проблему, пожалуйста.

Вот мой прекрасный г*вно-код:
Кликабельно
header {
    background: gray no-repeat;
    background-size: cover;
    width: auto;
    height: 450px;
}
header .main-header {
    background-color: black;
    opacity: 0.7;
}
header .main-header a{
    color: white;
    position: relative;
    padding: 20px 15px;
    float: left;
    font-family: 'Thasadith', sans-serif;
}
header div.left-header {
    width: 900px;
    height: 60px;
    font-size: 18px;
}
header div.left-header img{
    width: 60px;
    padding: 0 30px;
    float: left;
}

header .main-header a:hover{
    border-bottom: 1px solid white;
    transition: .3s;
    padding: 18px 15px;
    }
header div.right-header {
    width: 300px;
    height: 60px;
    font-size: 18px;
    float: right;
}
Онлайн версия
P.S. Знаю, как тяжело копаться в чужом г*вне, поэтому и сделал онлайн версию для удобства. :)
  • Вопрос задан
  • 146 просмотров
Решения вопроса 1
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть
Никаких float'ов и лишних обёрток...

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы