Меня очень часто спрашивают коллеги и знакомые программисты, как побороть данную проблему в “всеми любимом браузере” Internet Explorer.

Публикую решение, которое я нашел в свое время, когда нужно было решить данную проблему.
Вот оно:

<div id=”media” style=”position:absolute; left:198px;
top:97px; width:400px; height:106px; z-index:3;”>
<iframe style=”position:absolute; left:0px; top:0px; width:100%;
height:100%; z-index:103;”></iframe>

<div style=”position:relative; left:0px; top:0px; width:300px;
height:400px; z-index:203;background-color: #7777FF;border: 1px solid #000;”></div>
</div>

<select style=”position: relative; left:208px; top:165px; width:200px; display: block;”>
<option>Super Ultra Heavy Laser Nuclear Hummer</option>
</select>

Надеюсь это решение поможет кому-то не сушить себе голову над решением данной проблемы, как уже помогло многим.

Запись опубликована 18.07.2007 в 19:55 в следующих рубриках: CSS, HTML. Вы можете отслеживать обсуждение записи, используя ленту RSS 2.0. Вы можете оставить комментарий, или трекбек с Вашего сайта.