Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Вёрстка на дивах


Автор: VoimiX 22.6.2009, 15:11
Необходимо созать 2 колонки и футер внизу. В правой колонке должен быть рисунок и выровнен по вертикали к низу. Выглядеть это должно как на рисунке.

Я сделал следующим образом:
Код

<div style="margin:0 auto;">

<div style="width:400px;float:left;">
 левая колонка
</div>

 <div style="float:left vertical-align:bottom;">
            <img  src="lalsd.jpg" />
</div>

<div style="clear:both;height:0;font-size:1px;line-height:0px;"></div>

    <div style="clear:both;">
         <img src="img/slogan.gif" />
    </div> 

</div>


Когда контент в левой колонке делает её длиннее чем правую, то картинка в правой колонке подпрыгивает вверх. Чё-то я не понимаю, мож ещё какой стиль прописать

Автор: bazzjr 22.6.2009, 16:00
у меня ничего не подпрыгиват smile, в ФФ, Опере, ИЕ6, ИЕ7.

Автор: liliana2 23.6.2009, 07:56
вертикальное выравнивание спасет мир

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)