2012-04-16 1 views
0

Так что я строю сайт, и я думал, что буду тестировать его на своем новом iPad. У меня есть меню заголовка/навигации в верхней части сайта, и оно отлично отображается на моем рабочем столе. (тестируется во всех основных браузерах). Однако при тестировании на моем iPad панель Nav не растягивает весь путь экрана. Это также происходит с нижним колонтитулом. Это изображение показывает проблему:Навигация Бар не растягивает полную ширину oniPad

[http://dl.dropbox.com/u/6384916/NavBar.jpg]

А вот код CSS, используемый для бара

#topmenu { 
margin:0 auto; 
height: 85px; 
background: url(http://dl.dropbox.com/u/6384916/web/img/bg-ripple-header.png) repeat bottom left; 
width:100%;} 

Итак, как я могу это исправить?

Спасибо, Эйден

ответ

0

Определение мин-ширина к вашему #topmenu. Например,

#topmenu { 
margin:0 auto; 
min-width:1000px; 
height: 85px; 
background: url(http://dl.dropbox.com/u/6384916/web/img/bg-ripple-header.png) repeat bottom left; 
width:100%; 
}