olgamar
Познающая
- Регистрация
- 16.12.2011
- Сообщения
- 262
Добрый вечер!
перепробовала уже все способы выравнивания двух блоков рядом по горизонтали. В 4 браузерах все прекрасно! В IE правый блок сам съезжает вниз и сбрасывает вниз flash в сайдбаре.
В интернете пишут, что надо задавать div величину в процентах, задавать margin-right:1px, но ничего не работает. Может быть, кто -то сталкивался с такой проблемой и нашел решение?
перепробовала уже все способы выравнивания двух блоков рядом по горизонтали. В 4 браузерах все прекрасно! В IE правый блок сам съезжает вниз и сбрасывает вниз flash в сайдбаре.
В интернете пишут, что надо задавать div величину в процентах, задавать margin-right:1px, но ничего не работает. Может быть, кто -то сталкивался с такой проблемой и нашел решение?
HTML:
<section id="middle">
<div id="container">
<div id="content">
<div id="service">
<div id="my-photo">
</div><!-- #my-photo-->
<div id="pukti">
<div id="design">
</div><!-- #design-->
</div><!-- #pukti-->
</div><!-- #service-->
</div><!-- #content-->
</div><!-- #container-->
<aside id="sideRight">
<div class="l-border">
<div id="flash" style="position:relative; top:50px">
<div align="center">
<embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
src="http://luckyframe74.com/banners/reclama5.swf"
play="true"
loop="true"
menu="true"
height="318"
width="239">
</div>
</div><!--.l-border-->
HTML:
<style>
#service {
width:770px;
height:350px;
position:relative;
display:block;
}
#my-photo {
width:300px;
height:350px;
position:relative;
float:left;
background-color: #666;
}
#pukti {
width:470px;
float:left;
position:relative;
}
</style>
...один из самых простых - если колонок две, то задаем ширину и высоту основной колонки, плюс добавляем ей бордер с нужной стороны, равный ширине второй колонки - тогда высота всегда будет одинаковая...
