вопрос
Привет, сейчас верстаю шаблон интересный, у меня есть 2 колонки различной ширины, у первой колонки ширина не задана, так как там картинка, еще там обтекаемость float:left, у второй колонки ширина тоже не задана, но задано position: relative; float: left; Высота у обоих не задана, потомучто там будет различная информация.
Нужно чтоб первая колонка имела размер такой же как и у второй, чтоб я мог задать vertical-align:bottom или middle. Как в таблицах
В цсс не профи, поэтому прошу у вас помощи :) Если не понятно то могу нарисовать примерный макет, заранее спасибо) В интернете всякий шлак пишут)
HTML
CSS
Нужно чтоб первая колонка имела размер такой же как и у второй, чтоб я мог задать 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;}