Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.05.2009, 18:05   #1
v.victoria12345
Новичок
Джуниор
 
Регистрация: 06.05.2009
Сообщений: 1
По умолчанию Блоки div вместо td, как сделать две колонки одинаковой высоты?

Здравствуйте. У меня такая ситуация. Требуется сделать такие блоки как на изображении 1-1. Есть код:

Код HTML:
<div class="itemsPare">
<div class="itemTov">
MyLab Guide<br />
<img src="images/item.jpg" alt="Товар" align="left" />
<p>Коннектор для одновременного подключения 2-х датчиков. 2-х частотные конвексные, микроконвексные и линейные датчики. Память: флеш-карта до 160 полноформатных изображений с результатами измерений...</p><br/>
 <div class="podr"><a href="#">подробнее</a></div></div>	

<div class="itemTov">
MyLab Guide<br />
<img src="images/item.jpg" alt="Товар" align="left" />
<p>Коннектор для одновременного подключения 2-х датчиков. 2-х частотные конвексные, микроконвексные и линейные датчики. Память: флеш-карта до 160 полноформатных изображений с результатами измерений...</p><br/>
 <div class="podr"><a href="#">подробнее</a></div></div></div>

css:
.itemsPare 
	{width:677 px;
	float: left;
	min-height:200px;
	border: 1px solid red;}
.itemTov 
	{width:327px;  
	padding-left: 5px;
	padding-right: 5px; 
	float: left; 	
	text-align: center;
	border: 1px solid #000;}
.podr
	{width:300 px;
	border-bottom: 1px solid #ccc;
	text-align: right;
	padding-right: 10px;
	background-image: url(../images/arr_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: bottom;}

Получается как на рисунке 2-2. Если делать таблицами получилось бы без проблем 
<table><tr><td>Название</td><td>Название</td></tr>
<tr><td>Фото, текст</td><td>Фото, текст</td></tr>
<tr><td>Подробнее</td><td>Подробнее</td></tr>
На дивах другая ситуация - необходимо чтобы ссылка ПОДРОБНЕЕ была всегда внизу, высота блоков не фиксированная, сможете помочь советом?
Изображения
Тип файла: jpg 1-1.jpg (24.7 Кб, 151 просмотров)
Тип файла: jpg 2-2.jpg (37.5 Кб, 145 просмотров)

Последний раз редактировалось SkyM@n; 06.05.2009 в 18:58.
v.victoria12345 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ListView добавление текста в две колонки Shouldercannon Общие вопросы Delphi 3 02.04.2010 21:18
как сформировать проверку (вложенные блоки) Tanuska___:) Общие вопросы Delphi 3 25.11.2008 14:11
Как вместо полей слияния сделать поля со списком? dododo Microsoft Office Excel 0 09.11.2008 03:13
Растягивающийся DIV и толкающий в низ следующий DIV Суриков HTML и CSS 6 29.08.2008 12:01