при верстке дивами в div-ах есть проблема невозможно выровнять опубликованное меню посередине, приходится использовать различные padding-и и text-allign:center, что не всегда удобно, решил проблему так, причем это только в Joomla, в обычной верстке такого гемморроя нет:
/*стили меню опускаю*/
div#mainmenu, div#menuwrapper {
position: relative;
}
div#mainmenu {
float: right;
right: 50%;
width: auto;
color: #fff974;
}
div#menuwrapper {
float: none!important;
float: left;
right: -50%;
}
<div id="footer">
<div id="mainmenu">
<div id="menuwrapper">
<?php mosLoadModules ( 'bottom' ); ?>
</div>
</div>
</div>
и все ок, а еще нужно его выровнять посредине, ситуация с vertical-align: middle; не работает, а обойти это проще применительно к нашему коду, надо просто взять высоту нашего контейнера и поставить такойже размер отступа между строк
line-height: 45px;
height: 45px;
и все будет ок(45 это в моем случае, в вашем поставьте нужное значение
)
итого:
div#mainmenu, div#menuwrapper {
position: relative;
}
div#mainmenu {
float: right;
right: 50%;
width: auto;
line-height: 45px;
height: 45px;
color: #fff974;
}
div#menuwrapper {
float: none!important;
float: left;
right: -50%;
}
<div id="footer">
<div id="mainmenu">
<div id="menuwrapper">
<?php mosLoadModules ( 'bottom' ); ?>
</div>
</div>
</div>
посмотреть можно mkcnovoship.ru - нижнее меню
