IS
не за что. в следующий раз, пожалуйста, погуглите сначала
Size: a a a
2021 May 12
NK
я гуглил но такого ответа не было
NK
хотя я одновременно и сам пытался сделать
IS
NK
я не так вбил
NK
js regexp any language моя ошибка
NK
надо учиться вбивать запросы в гугл конкретнее
М
Всем привет! Подскажите пожалуйста. При создании футера он отображает под шапкой, позади таблицы. В HTML находится в самом низу под всеми блоками.
АБ
Код в студию
М
Разместить футер внизу не проблема, объясните пожалуйста, почему блоки ведут себя так. Код ща скину
М
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="gray"></div>
<div id="header">
<div id="name">Пчелы.ru</div>
<div id="best">Наш мёд - лучший в округе! Покупайте наш мед!
</div>
</div>
<div id="menu1">
<div id="menu">
<ul>
<li><a href="#" id="glav">Главная</a></li>
<li><a href="#" id="met">Метки</a></li>
<li><a href="#" id="sign">Знаки</a></li>
<li><a href="#" id="inf">Информация</a></li>
<li><a href="#" id="how">Как доехать</a></li>
</ul>
</div>
</div>
<div id="menu2">
<div id="menu3">
<ul>
<li><a href="#" id="que">Вопросы</a></li>
<li><a href="#" id="met1">Метки</a></li>
<li><a href="#" id="sign1">Знаки</a></li>
<li><a href="#" id="inf1">Информация</a></li>
<li><a href="#" id="out">Без ответа</a></li>
<li><a href="#" id="check">Задать вопрос</a></li>
</ul>
</div>
<div id="user">
Вы вошли как <span>User</span> <a href="#" id="out1">Выйти</a>
</div>
</div>
<div id="left">
<h1>Сбор мёда самостоятельно</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna ante, egestas ac nibh sit amet, vehicula posuere quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium consequat volutpat. Integer ultricies ligula eget arcu volutpat vehicula. Sed et congue nisi, ac cursus ex. Duis tempus arcu magna, quis auctor odio congue in. Duis nunc leo, tempor nec dignissim sed, euismod vel nibh.
<div id="left2">
Sed consequat lobortis tellus quis fringilla. Aenean eleifend sapien quis tellus rhoncus, et elementum justo pulvinar. Vestibulum gravida metus non turpis congue dignissim. Cras vitae urna nibh. Morbi consectetur ex vel cursus bibendum. Nunc dignissim massa non lacus commodo fringilla. Sed id ipsum ac diam fermentum condimentum feugiat a nunc. Nulla tincidunt vel ante non venenatis. Vestibulum fermentum velit et auctor sodales. Sed sagittis metus eget justo lobortis lobortis. Nulla dictum condimentum ipsum, a interdum nibh rutrum a. Nulla sed justo mi. Suspendisse sit amet feugiat magna.
</div>
<div id="left 3">
<h2>Мёд - лучшее лекарство!</h2>
Nulla eros justo, vulputate ac eros in, semper pharetra ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque venenatis pellentesque lacus, eget commodo velit. Vivamus porta lobortis elit, fringilla imperdiet leo placerat id. Sed volutpat et tortor id ultricies. Integer efficitur mi id dui porta eleifend. Aliquam aliquet condimentum eros eu euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus euismod accumsan mauris at tincidunt. Etiam euismod vitae elit ut feugiat.
</div>
</div>
<div id="footer">
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="gray"></div>
<div id="header">
<div id="name">Пчелы.ru</div>
<div id="best">Наш мёд - лучший в округе! Покупайте наш мед!
</div>
</div>
<div id="menu1">
<div id="menu">
<ul>
<li><a href="#" id="glav">Главная</a></li>
<li><a href="#" id="met">Метки</a></li>
<li><a href="#" id="sign">Знаки</a></li>
<li><a href="#" id="inf">Информация</a></li>
<li><a href="#" id="how">Как доехать</a></li>
</ul>
</div>
</div>
<div id="menu2">
<div id="menu3">
<ul>
<li><a href="#" id="que">Вопросы</a></li>
<li><a href="#" id="met1">Метки</a></li>
<li><a href="#" id="sign1">Знаки</a></li>
<li><a href="#" id="inf1">Информация</a></li>
<li><a href="#" id="out">Без ответа</a></li>
<li><a href="#" id="check">Задать вопрос</a></li>
</ul>
</div>
<div id="user">
Вы вошли как <span>User</span> <a href="#" id="out1">Выйти</a>
</div>
</div>
<div id="left">
<h1>Сбор мёда самостоятельно</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna ante, egestas ac nibh sit amet, vehicula posuere quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium consequat volutpat. Integer ultricies ligula eget arcu volutpat vehicula. Sed et congue nisi, ac cursus ex. Duis tempus arcu magna, quis auctor odio congue in. Duis nunc leo, tempor nec dignissim sed, euismod vel nibh.
<div id="left2">
Sed consequat lobortis tellus quis fringilla. Aenean eleifend sapien quis tellus rhoncus, et elementum justo pulvinar. Vestibulum gravida metus non turpis congue dignissim. Cras vitae urna nibh. Morbi consectetur ex vel cursus bibendum. Nunc dignissim massa non lacus commodo fringilla. Sed id ipsum ac diam fermentum condimentum feugiat a nunc. Nulla tincidunt vel ante non venenatis. Vestibulum fermentum velit et auctor sodales. Sed sagittis metus eget justo lobortis lobortis. Nulla dictum condimentum ipsum, a interdum nibh rutrum a. Nulla sed justo mi. Suspendisse sit amet feugiat magna.
</div>
<div id="left 3">
<h2>Мёд - лучшее лекарство!</h2>
Nulla eros justo, vulputate ac eros in, semper pharetra ex. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque venenatis pellentesque lacus, eget commodo velit. Vivamus porta lobortis elit, fringilla imperdiet leo placerat id. Sed volutpat et tortor id ultricies. Integer efficitur mi id dui porta eleifend. Aliquam aliquet condimentum eros eu euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus euismod accumsan mauris at tincidunt. Etiam euismod vitae elit ut feugiat.
</div>
</div>
<div id="footer">
</div>
</body>
</html>
АБ
В CSS что-то не так скорее всего
ОБ
Ааа, не надо сюда простыни постить пожалуйста, сделайте codepen или аналог
АБ
И я имел в виду песочницу)
М
Ок
М
Ссылку?
АБ
На 99% процентов уверен что из-за float: left
М
ок, проверю и исправлю