Question

У меня на планшете, оно не по центру! Как мне сделать гортзонтально меню по центру?

Answer 1

Никак, именно для мобильных устройств и планшетов, смотрим стили меню:

#menu_bg {background:url(/img/bg_menu.png) no-repeat;width:940px;height:51px;overflow:hidden;margin:0 auto;position:relative;padding:6px;}
#menu {list-style:none;margin:0;padding:0;background:url(/img/bg_menu.png) no-repeat 0 -63px;width:938px;height:48px;overflow:hidden;border-radius:10px;}
#menu li {float:left;color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;padding:0 45px;height:48px;line-height:48px;}
#menu li:hover {background:url(/img/menu_li_hover.png) repeat-x 0 0;text-shadow:0 2px 0 #02486b;padding:0;}
#menu li a {color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;text-decoration:none;}
#menu li:hover span {background:url(/img/menu_li_hover.png) no-repeat center bottom;height:48px;display:block;line-height:48px;padding:0 45px;}
.divider {background:url(/img/divider.png) no-repeat right;width:2px;height:48px;display:block;float:left;}

далее как пример смотрим фото меню:

1. http://test-site.ucoz.ua/img/bg_menu.png

это один из примеров, видим что фото фиксированных размеров и соответственно меню адаптироваться и подстраиваться под планшеты не будет, было бы это чисто CSS3 меню без использования фото, было бы все отлично, в данном случае невозможно.

Comments

так ширина сайта у меня 1010, а чего тогда так меню выперает. если у нег ширина 950.

---

Евгений Хмелевой,

Фото у меню фиксированного размера, повторяю еще раз, это не CSS3 меню которое подстраивается под размеры экрана при уменьшении разрешения.

К тому же, это вовсе не адаптивное меню.