#logo {
float:left;
width:274px;
padding:0px;
background-color:#dc8;
z-index:2;
}
#flash {
float:right;
padding:0px;
background-color:#eee;
text-align:right;
z-index:1;
}
CSS, IMG и Flash
У меня встала такая проблема. Есть двух-колоночная верстка. Слева - картинка, справа - флеш объект. Задача: сделать так, чтобы когда уменьшаешь разрешение экрана, флеш объект заезжал налево за картинку. Я сколько не мучался, у меня флеш спрыгивает на строчку ниже. Вот код CSS:
Код:
Вот код HTML:
Код:
<div id="logo"><img src="./img/header.png" border="0"></div>
<div id="flash">
<object type="application/x-shockwave-flash"
data="./img/okna.swf"
width="820" height="180">
</object>
</div>
<div id="flash">
<object type="application/x-shockwave-flash"
data="./img/okna.swf"
width="820" height="180">
</object>
</div>
Кто знает, как решить эту задачу???
Позиционирование элементов, а не простановка float.
Цитата: skywalker
Позиционирование элементов, а не простановка float.
Т.е. в данном случае жестко привязать картинку (которая слева)? Потому как дизайн "жидкий" и правая часть соответственно плавающая.