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. Знаю, как тяжело копаться в чужом г*вне, поэтому и сделал онлайн версию для удобства. :)
  • Вопрос задан
  • 155 просмотров
Решения вопроса 1
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть
Никаких float'ов и лишних обёрток...

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

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

Войти через центр авторизации
Похожие вопросы
Amigoweb Магнитогорск
от 30 000 до 40 000 руб.
iWeekender Краснодар
от 80 000 руб.
23 апр. 2019, в 12:58
5000 руб./за проект
23 апр. 2019, в 12:22
150 руб./за проект
23 апр. 2019, в 12:04
1000 руб./в час