Наличие проблемы css

Question

http://jsfiddle.net/JDwjJ/

Пожалуйста, посмотрите на этот код

Проблемы заключаются в следующем:

• # nav должен быть в верхней части #mainне бок о бок;
• Как я могу центрировать #nav внутри #container, если я не могу точно указать для него ширину?Пробное поле: 0 авто;нет успеха?

Answer 1

Для

1.nav должен быть в верхней части #main, а не рядом;

просто применить

clear:both

на главном div

2.Как я могу отцентрировать #nav внутри #container, если не точно установить для него точную ширину?Пробное поле: 0 авто;безуспешно?

Вы должны установить определенную ширину для этого контейнера содержимого с этим полем 0 Авто будет работать

обновление : пожалуйста, посмотрите, если вам нужно то же самое

http://jsfiddle.net/JDwjJ/9/

Answer 2

Удалите ненужные float из вашей #nav & ul. Затем определите width для вашего #nav, например 600px

#nav{
 width:600px;
}
#nav ul
{
    padding:0px;
    margin:0px;
    list-style:none;
    overflow: hidden;
}

Проверить это http://jsfiddle.net/JDwjJ/1/

ОБНОВЛЕНО Если ширина неизвестна, вы можете использовать свойство display:inline-block для этого:

    #nav {
        display:inline-block;
        *display:inline/* For IE7*/
        *zoom:1/* For IE7*/
    }
    #container{
        text-align:center;
    }  
   #main{
        text-align:left;
   }

Проверьте это http://jsfiddle.net/JDwjJ/8/