VPF::Вёрстка на дивах - Форум программистов

VoimiX

Дата 22.6.2009, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 20
Регистрация: 11.8.2006

Репутация: нет
Всего: нет

Необходимо созать 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>

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

Присоединённый файл ( Кол-во скачиваний: 13 )

1.JPG 12,07 Kb

bazzjr

Дата 22.6.2009, 16:00 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

у меня ничего не подпрыгиват smile

, в ФФ, Опере, ИЕ6, ИЕ7.

liliana2

Дата 23.6.2009, 07:56 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

вертикальное выравнивание спасет мир

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »