Добрый день!
Изучаю html и css всего неделю, так что не пиняйте особо за вопросы.
Задача следующая: Имеется блок, в котором нужно разместить еще 2 блока, один по левому краю, второй по правому с промежутком между ними в 5-10 пикселей.
Пробовал через float, получается какая то лабуда.
Подскажите пожалуйста как реализовать то?
Ну и вообще буду чрезвычайно рад выслушать любую критику и советы к коду.
See the Pen egbKop by Pavel (@rock_dawg) on CodePen.
Всего неделю занимаетесь и уже песочницу освоили. Можно похвалить.
Для вас как для новичка есть всего два решения задачи: или флоаты, или инлайн-блоки.
И то, и другое вы можете разобрать пройдя курс на сайте Академии: https://htmlacademy.ru/courses/65
Вряд ли вы проходили его, учитывая что у вас всё на идентификаторах.
Что касается советов, то есть кое-что, что вы должны знать:
#footer {
width: 100%;
height: 100px; // не ограничивайте высоту основных блоков, лучше пишите min-height
background: #696969;
bottom: 0; // координата не работает без свойства position
}
#strip {
width: 1000px;
margin: 55px auto 0 auto;
background: #FFFFFF;
z-index: 1; // работает также только для явно спозиционированных блоков
}Благодарю за советы! Действительно, начал проходить курсы и все стало понятно. И по поводу идентификаторов уяснил, что и как работать с классами.