Div аналогично Table
 

Доброго времени суток. Можно ли сделать на дивах так, чтобы два дива стояли в ряд, первый был шириной, допустим, 100, а второй занимал всё остальное пространство аналогично такой таблице:

<table border=1 width=100%>
	<tr>
	<td width=100>1</td><td>2</td>
	</tr>
	</table>

Пробовал по всякому - не вышло.

<div class="block-1">Текст</div>
<div class="block-2">Много текста</div>

.block-1 {float:left; width:100px; background:#ccc;}
.block-2 {background:#ff0;}

Спасибо большое, я уже что-то совсем...

Detex,
НЗЧ ;)

Для решения этой задачи недостаточно установить первому блоку обтекание справа (float:left), потому что если во втором блоке действительно будет много текста то мы получим обычное обтекание (логично, неправда ли?). Смотрим пример по ссылке

Поэтому нужно немного усовершенствовать код:

<div class="block-1">Текст</div>
<div class="block-2">Много текста</div>


.block-1 {
	float:left;
	width:100px;
	background:#ccc}
.block-2 {
	border-left:100px solid #ccc;
	background:#ff0}

Я добавил новое правило для второго блока (border-left:100px solid #ccc). Смотрим результат

P.S. Бордюр также может быть прозрачным (transparent).

Обычно добавляют простой отступ. :)

.block-2 {
   background:#ff0;
   margin-left: 100px;
}

:) :victory: :dance: :-? :D