Есть 2 дива: HTML: <div id="img_post"> </div> <div id="text_post"><p>Текст Текст Текст Текст Текст Текст Текст </p></div> [css]#img_post { position:relative; background:url(img/walik.jpg) no-repeat center; width:90px; height:84px; float:left; } #text_post { position:relative; width:160px; } [/css] В первом диве фоновая картинка высотой в 84px, во втором текст. Текст не должен заходить на див с фоновой картинкой. В IE все нормально, а вот в Опере текст обтекает картинку
во-первых - где изображение, где мы можем это увидеть?! во-вторых - способов решения данной проблемы - море! и ещё чуть-чуть. самый простой - сделать в виде фоновой картинки и использовать padding. а если для первого дива воспользоваться float:left, то для div с текстом - margin-left: ширина левого дива. ещё можно... и ещё... и ещё...
Спасибо. Сделал margin-left все заработало). Почему в IE не отображает нижний бордер? Вот код [css]#gg { position:relative; border-bottom:2px dashed #b2c8df; }[/css] HTML: <div class="textpost"> <div id="title"><h3>Заголовок</h3></div> <div class="date">02-08-2010 </div> <div id="gg"> <div id="img_post"> </div> <div id="text_post"><p>Текст текст</p></div> </div> </div>