CSS абсолютное позиционирование среди нескольких разрешений

Question

Основной раздел моего веб-сайта содержит несколько DIV, один из которых находится в фоновом режиме (z-index: -1;) с Flash. Помимо этого DIV у меня есть еще один (просто текст), который должен перекрываться с Flash DIV. Я не могу позволить им сидеть бок о бок, потому что Flash имеет ширину 100%. Итак, я сделал некоторое совпадение с абсолютным позиционированием CSS. Однако это нарушается, когда ширина или высота браузера настраиваются.

Какие есть варианты для сохранения второго DIV в очень специфической части экрана?

ОБНОВЛЕНИЕ - добавлен код

<div id="yjsg2">
    <div id="adv1" class="yjsgxhtml" style="width:72.00%;">
    <div id="adv2" class="yjsgxhtml" style="width:28.00%;">
</div>

CSS выглядит примерно так:

#adv1 {width:100% !important;}
#adv2 {position:absolute; left:665px; top:110px;} 

Так что это довольно простой код, все дело в позиционировании всего этого.

Answer 1

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

Answer 2

CSS абсолютное позиционирование и изменяемый размер страниц не очень хорошо сочетаются, так как блочная модель не обеспечивает большую поддержку для этого (есть многочисленные жалобы / жалобы на это). Одним из вариантов являются менеджеры компоновки на основе JavaScript, такие как http://layout.jquery -dev.net /