16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.
/* ---------------- Подвал/Footer ----------- */div.footer { margin-top: 42.7em; margin-left: -2.1em; padding-left: 31em;}
div.footer { position:fixed; bottom:0;}
Код: cssdiv.footer { position:fixed; bottom:0;}
html , body { height: 100%; margin: 0; padding: 0;}
<!DOCTYPE html><html> <head> <title>Site</title> <style type="text/css"> HTML, body { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 18px; } .clear { clear: both; width: 100%; height: 1px; } .wrap { position: relative; min-height: 100%; width: 100%; /* или можно указать фиксированную ширину так: */ /* width: 980px; */ /* margin: 0 auto; */ } .footer-padding { padding-bottom: 50px; /* высота футера */ } header { height: 200px; /* шапка */ color: #fff; background-color: #99B2FF; text-align: center; line-height: 180px; } .left-sidebar { float: left; width: 200px; /* левая колонка в 200px */ } .content { margin-left: 205px; } footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: #222222; color: #fff; text-align: center; line-height: 48px; } </style> </head> <body> <div class="wrap"> <div class="footer-padding"> <header> шапка сайта </header> <div> <aside class="left-sidebar"> левая колонка </aside> <article class="content"> контент </article> <div class="clear"></div> </div> </div> <footer> подвал </footer> </div> </body></html>
