Форум PHP программистов > Высота блока, зависимая от другой

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Высота блока, зависимая от другой

AlmazDelDiablo

9.06.2011 - 22:08

Всем привет!

Подскажите, как сделать высоку правого блока равной высоте левого и наоборот (то есть растягивать высоту блоков в зависимости от высоты того, который «длиннее»).

Вот тут верстка: http://almazdeldiablo.ru/PROSTOTA/cp/
Пароль: testpass

PS: прошу прощения, что не копирую сюда код — очень спешу уходить.

Спустя 34 минуты, 21 секунда (9.06.2011 - 21:42) fallow написал(а):

Сделай два div'а которые положишь в другой div
И у всех height:auto;


<div>
    <div></div>
    <div></div>
</div>

+ если делаешь первый вложенный див float:left то ставь и родителя float:left а то будут проблемы ;)

Спустя 1 минута, 3 секунды (9.06.2011 - 21:43) nugle написал(а):

можно попробовать у их общего дива поставить height:auto, а правому и левому поставить height:inherit;

Спустя 40 минут, 53 секунды (9.06.2011 - 22:24) AlmazDelDiablo написал(а):

Спасибо, завтра опробую и, если сработает, поставлю вам плюсики

Спустя 2 минуты, 15 секунд (9.06.2011 - 22:27) fallow написал(а):

Цитата (AlmazDelDiablo @ 9.06.2011 - 19:24)

Спасибо, завтра опробую и, если сработает, поставлю вам плюсики

аха

Спустя 5 минут, 6 секунд (9.06.2011 - 22:32) nugle написал(а):

fallow
а ведь у дочерних дивов если авто поставить, то также все и останется! или нет?

Спустя 40 минут (9.06.2011 - 23:12) fallow написал(а):

nugle
Истину глаголишь, ну тогда обычые таблицы

Спустя 12 часов, 12 минут, 24 секунды (10.06.2011 - 11:24) AlmazDelDiablo написал(а):

На таблицах та же лабуда получается и они разные по высоте :[

PS: height: auto; не помог ни на дивах, ни на таблицах.

UPD: прошу прощения, забыл у td убрать float: left; Теперь все ок. Спасибо всем

Спустя 27 минут, 50 секунд (10.06.2011 - 11:52) nugle написал(а):

AlmazDelDiablo
а как сделал?

Спустя 7 минут, 14 секунд (10.06.2011 - 11:59) AlmazDelDiablo написал(а):

	<table class="box">
		<tr>
			<td class="content">
				<h2>+1 Пост</h2>
				Заголовок:<br />
				<input type="text" name="title" value="" class="width200" />
				<br /><br />
				Категория:<br />
				<select name="categories">
					<option value="0">Без категории</option>
					{foreach from=$categories item=name}
					<option value="{$name}">{$name}</option>
					{/foreach}
				</select>
				<br /><br />
				Содержание поста:<br />
				<textarea></textarea>
			</td>
			<td class="sidebar">
				<ul>
					<li>— Управление записями</li>
					<li>— Управление категориями</li>
					<li>— Настройки движка</li>
				</ul>
			</td>
		</tr>
	</table>

table {
	border-spacing: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

td {
	border: none;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

.box {
	background: #fff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 700px;
}

.content {
	width: 500px;
	padding: 10px;
}

.sidebar {
	background: #c4def2;
	border-radius: 10px;
	padding: 10px;
	box-shadow: #bbbbbb -2px 0px 3px;
	font-size: 9pt;
	height: 100%;
	width: 200px;
	vertical-align: top;
}

.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

_____________
Блог | VK | GitHub | Twitch

Быстрый ответ:

Здесь расположена полная версия этой страницы.