Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Одинаковая высота колонок, с возможностью вертикального выравнивания

Одинаковая высота колонок, с возможностью вертикального выравнивания


     07.03.2014    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    2698

вопрос
Привет, сейчас верстаю шаблон интересный, у меня есть 2 колонки
различной ширины, у первой колонки ширина не задана, так как там картинка, еще там обтекаемость float:left, у второй колонки ширина тоже не задана, но задано position: relative; float: left; Высота у обоих не задана, потомучто там будет различная информация.

Нужно чтоб первая колонка имела размер такой же как и у второй, чтоб я мог задать vertical-align:bottom или middle. Как в таблицах


В цсс не профи, поэтому прошу у вас помощи :) Если не понятно то могу нарисовать примерный макет, заранее спасибо) В интернете всякий шлак пишут)

HTML

<div class="myblock"><div class="photo"><img src="{photo}" height="50px" /></div><div class="content">{content}</div></div>


CSS

.myblock .content{
position: relative;
float:left;
text-align: center;
padding:5px;
line-height: 20px;
background-color: #fff;
border: 4px solid #666;
}

.myblock .photo{float:left;vertical-align:middle;}

Ответа пока нет


1 комментарий

vk_159926832
Юзер

vk_159926832 - 15 марта 2014 11:53 -

Подскажите чтонибудь)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх