[life24x7]

Здравствуйте
есть бокс углы которого скругленные, а в нем картинка которая должна залазить на правую часть рамки бокс. вот код, но почему-то рамка бокса плывет

<style>
#boxes_red_right{margin: 7px 25px 7px 10px}
#boxes_red_right .bor1, #boxes_red_right .bor2, #boxes_red_right .bor3, #boxes_red_right .bor4{font-size:1px; overflow:hidden; display:block;}
#boxes_red_right .bor1 {height:1px; background:#fd6802; margin:0 5px;}
#boxes_red_right .bor2 {height:1px; background:#ffffff; border-right:2px solid #fd6802; border-left:2px solid #fd6802; margin:0 3px;}
#boxes_red_right .bor3 {height:1px; background:#ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802; margin:0 2px;}
#boxes_red_right .bor4 {height:2px; background:#ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802; margin:0 1px;}
#boxes_red_right .contentb {background: #ffffff; border-right:1px solid #fd6802; border-left:1px solid #fd6802;}
#boxes_red_right .contentinner {margin-left: 0px; padding-top: 15px; padding-bottom: 15px;}
</style>
<div id="boxes_red_right">
<b class="bor1"></b><b class="bor2"></b><b class="bor3"></b><b class="bor4"></b>
   <div class="contentb">
       <div class="contentinner">
<div style="position:relative; left: 19px; top:15px; float:right;"><a href="#"><img src="{$tpl_path}img/allnewprod.gif" /></a>   </div>

<div class="clear"></div>
    </div>
   </div>
<b class="bor4"></b><b class="bor3"></b><b class="bor2"></b><b class="bor1"></b>
</div>

подскажите как решить проблему

[Niemans]

<div style="position: absolute; right: 40px; top:15px; float:right;"><a href="#"><img src="{$tpl_path}img/allnewprod.gif" /></a>   </div>

Вы так хотите?

[life24x7]

Сообщение от Nimans

<div style="position: absolute; right: 40px; top:15px; float:right;"><a href="#"><img src="{$tpl_path}img/allnewprod.gif" /></a>   </div>

Вы так хотите?

а никак относительно бокса нельзя сделать, потому что абсолютное позиционирование ставит картинку к правому краю страницы, а не бокса?

[Niemans]

Закинуть все в еще один контейнер.

[life24x7]

Сообщение от Nimans

Закинуть все в еще один контейнер.

что именно закинуть, и будет ли разница если поставить absolute

[Асмодиан]

Если вы хотите, чтоб top и left указывали позицию относительно контейнера, а не всего документа, то есть простой способ: пропишите контейнеру: position:relative

Добавлено через 32 секунды

PS. absolute и float одновременно... Форменная ересь

[life24x7]

Сообщение от Асмодиан

Если вы хотите, чтоб top и left указывали позицию относительно контейнера, а не всего документа, то есть простой способ: пропишите контейнеру: position:relative

Добавлено через 32 секунды

PS. absolute и float одновременно... Форменная ересь

position:relative и float тоже ересь но ширина блока в процентах и если за хардкодить в пикселях, то не будет соответствия, а так от края всегда было стабильное число пикселов

[Niemans]

ну эт просто остатки исходника

[Асмодиан]

life24x7, да, от float надо отказаться.
у контейнера relative, у самого элемента absolute

[life24x7]

Сообщение от Асмодиан

life24x7, да, от float надо отказаться.
у контейнера relative, у самого элемента absolute

вот поставил

<div style="position: relative;"><a href="#"><img src="allnewprod.gif" style="position: absolute; right:-19px; bottom:0px"/></a>   </div>

http://life24x7.com/a.htm но в ИЕ6 и ФФ все совсем по разному