Фиксированное меню навигации - центрирование

автор Adeline Ноябрь 28th 2011, 22:29

Поставила фиксированное меню, все работает отлично, однако ширина форума у меня фиксированная, хотелось бы сделать фиксированную длинну меню тоже. Размер в пикселях выставила, а вот отцентрировать что-то не получается. Что туда, и главное куда нужно добавить? ) Заранее большущее мерси знатокам rose

автор Домовой Ноябрь 28th 2011, 23:01

адрес форума в студию

автор Adeline Ноябрь 28th 2011, 23:12

Вот

У Вас в CSS:
#blok_menu {
background-image: url("https://i.servimg.com/u/f42/14/62/57/22/mbt456.jpg") !important;
border-bottom: 1px ridge #BFDCFE;
height: 34px;
margin: 0;
padding-top: 0;
position: fixed;
width: 1000px !important;
z-index: 999;

Поставьте 100%, т.е.: width: 100% !important;

автор Adeline Ноябрь 28th 2011, 23:31

Альберт Вескер, в таком случае панель растягивается на всю ширину экрана, а мне нужна фиксированная ширина, именно в 1000рх, отцентрированная.

автор Домовой Ноябрь 29th 2011, 14:26

Adeline, а давайте сделаем не много по другому.
Вместо того что предложено в туториале в CSS поставим коды

Код:: /*Расположение меню навигации*/ #blok_menu { position:fixed; padding-top:0; z-index:999; width:100%; height:30px; margin:0; } /*Оформление меню навигации*/ #menu { background-image:url("http://savepic.ru/2753057.jpg") !important; border-bottom:3px double #001fff; border-left:3px double #001fff; border-right:3px double #001fff; padding:3px; } /*отступ форума от верха*/ body { margin-top:35px; }

а в шаблоне overall_header таблицу меню

Код:: <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>

заменим вот этим див блоком

Код:: <div id="blok_menu" style="position:fixed; left:0%; top: 0px;"> <table id="menu" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> </div>

Ну вот как то так)))