Помогите с позиционированием.

[mola10]

Сражаюсь уже день, в итоге получается расположить или все в столбик, или все в линию.

Source

Css

ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;}
    ul#content li{vertical-align:top;display:inline-block;margin:0 2% 26px 0;width:auto;}


    * html ul#content li{display:inline;}
    *+ html ul#content li{display:inline;}

Html

<ul id="content" >
                <li>
                    <div style="height: 420px;width: 740px;" ></div>
                </li>
                <li>

                    <ul>
                        <li>
                            <div style="min-width: 220px;">
                                text
                            </div>
                        </li>
                        <li>
                            <div style="min-width: 220px;">
                                text
                            </div>
                        </li>
                        <li>
                            <div style="min-width: 220px;">
                              text
                            </div>
                        </li>
                    </ul>

                </li>
            </ul>

Edited August 22, 2011 by mola10

[Softlink]

так, а что надо получить? Судя по вложенным спискам, это похоже на попытки сделать выпадающее меню.

[mola10]

на картинке изображен, желаёмый результат.

при ширине страницы меньше чем 1200px, красные блоки "уходили" под синий и распологались в линию

код -> это мои попытки реализовать выше сказанное

Edited August 21, 2011 by mola10

[Gaspode]

Результат-то, может, и изображён, только картинки нет, вот незадача.

[mola10]

Результат-то, может, и изображён, только картинки нет, вот незадача.

исправил

[Gaspode]

По-моему, так без скриптов это нереально.

[Softlink]

В общем, озадачился я решением этой задачи и вроде бы что-то похожее получилось.

Вот ссылка http://alpatriott.ru/works/primer/bloki.html

Использовал пример Great Rash'a для выравнивания списка по ширине и немного его поменял. В итоге для ИЕ6-7 не удалось добиться полного выравнивания, но получилось очень близко. Проверил во всех современных браузерах, вроде все работает. Для ИЕ6-7 проверял в тестере.

ТС: В общем поглядите, подойдет\не подойдет. Зато без скриптов И еще, я правильно понял задачу насчет ширины, так должно работать?

[leoni4]

Gaspode, если не брать в расчет ие 5-8 возможно

Softlink, в вашем варианте плохо что когда ширина больше 1200, мы не видим эелемнты, только при увелечении 1300+ их становится видно

По теме, вот в этом примере я показал как это можно сделать

Есть еще статьи влада на эту тему, поисчите не ленитесь

Я бы вам расписал, но у меня сегодня на работе завал

[Softlink]

Softlink, в вашем варианте плохо что когда ширина больше 1200, мы не видим эелемнты, только при увелечении 1300+ их становится видно

Да, но я исходил из того, что есть стандартные разрешения мониторов. Т.е. имеют место быть перескоки с 1280пк, до 1024. Соответственно в них будет отображаться все нормально. А между ними будет видно частично, да.