IE 7 Выравнивание по левому центру без таблиц

#css #internet-explorer

Вопрос:

У меня есть 3 раздела

 <div id="container">
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>    
</div>

и мне нужно, чтобы они были выровнены по горизонтали
в IE7 правый переходит на следующую строку.
Я использую левый и правый поплавки (центр настроен на отображение: встроенный; очистить: нет;)
Я также избегаю абсолютного позиционирования (но, возможно, это единственный способ сделать это)
есть предложения по умному способу достижения этого без использования таблиц?
Спасибо

1. пока что то, что я пробовал, работает лучше, так это установить в #container значение position : relative, а в #center — значение position: absolute; таким образом, центр будет располагаться поверх двух других … не идеально, но лучшее, что я мог сделать на данный момент. любые другие предложения приветствуются

2. Вы ищете holy grail ?

3. ЛОЛ …. один из тех болезненных опытов с IE 🙂

Ответ №1:

Я написал небольшой пример: http://jsfiddle.net/K7G3C /

Ответ №2:

используйте float: left; во всех div в css. в этом нет необходимости display:inline; .

HTML :

 <div id="container">
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>    
</div>

CSS :

 #container div{
   float: left;
   width: 30%;
}

1. спасибо Arif, проблема с этим методом заключается в том, что мне нужно назначить ширину.. хотя я хочу, чтобы центр был гибким в отношении своего содержимого (примерно так же, как вела бы себя таблица)