[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: div по размеру другого div
Undertaker
Доброго времени суток, ув. форумчане.
Попалась мне задачка немного не по зубам
Есть 2 div в одном текст, а в другом картинка.
Оба блока находятся в родительском блоке div
Родительский блок div растянут на всю ширину экрана
Вложенные div идут друг за другом по 50% шириной
Высота div с текстом может меняться в зависимости от расширения монитора, а вот div с изображением должен быть равен по высоте с блоком div с текстом, т.е. подстраиваться под него (ширина остается прежней), ка сделать это с помощью css не прибегая к js?
Вот код:

<div style="width:100%; display: inline-block;">
<div
style="float: left; width:50%">
<span
style="font: 12pt Arial;">
Квартал Романтиков - это новый проект компании «ДомСтройОмск».
</span>
<br />
<br />
<span
style="font: 12pt Arial;">
Квартал Романтиков - это:
<ul style="padding: 0; margin-left: 40px;">
<li
style="padding-left: 10px;">3 многоэтажных жилых дома</li>
<li
style="padding-left: 10px;">44 868 кв.м. жилья</li>
<li
style="padding-left: 10px;">1 277 квартир</li>
</ul>
</span>
<br />
<span
style="font: 12pt Arial;">
<strong><span
style="color: red; ">Начало строительства:</span></strong> ноябрь 2014 года.<br />
<strong><span
style="color: red; ">Расположение:</span></strong> г. Омск, ул. Перелета.<br />
Квартал расположен в непосредственной
близости к реке Иртыш.<br />
<strong><span
style="color: red; ">Формат:</span></strong> доступное жилье.<br />
<strong><span
style="color: red; ">Ассортимент:</span></strong> 1-, 2- и 3-комн. квартиры класса «эконом» и «эконом-комфорт».<br />
<span
style="color: red;"><strong>Стоимость квартир:</strong></span> <strong>от 890 т.р.</strong>
</span>
</div>
<img
src="images/romantikov/location.png" style="float: left;" alt="location.png, 287kB" title="Location" border="0" width="50%">
</div>


Верстку я специально прописал в тегах, подумал так нагляднее. Поправьте если, что то не так

_____________
Из отчета службы безопасности:
... по поводу взлома китайцами сервера Пентагона:
1) Каждый китаец попробовал один пароль.
2) Каждый второй пароль был - maodzedun.
3) На 657983241-й попытке сервер согласился что у него пароль - maodzedun
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.