Динамическое изменение размеров колонок

10 повідомлень

#16 років тому

Есть две или три колонки. Это <div>.
Какие есть способы чтобы если исчезает/появляется, например, правая колонка, то левая автоматически расширялась/сужалась?

2195 повідомлень

#16 років тому

Можно строить разметку с указанием какого-либо класса одному из родителей и в дальнейшем css прописывать от него.

<body class="two-columns">...</body> <body class="three-columns">...</body> <div class="three-columns">...</div>
.two-columns .subclass {...}
.three-columns .subclass {...}

Ну и js тоже вариант.

10 повідомлень

#16 років тому

Можно подробнее расписать эти два метода? Пока я не очень понял

40 повідомлень

#16 років тому

Я бы посоветовал не мудрить а сделать таблицу...

30 повідомлень

#16 років тому

Ну с таблицами нормального ничего не получиться в целом.
А насчет вопроса ТС, то:
1. Делайте у второй колонки (которая не исчезает) не фиксированную ширину, то есть, не указывайте её (по-умолчанию будет тянуться по максимуму). При этом соседний блок (который исчезает) должен быть обтекаемым + фиксированным, а не наоборот. Хотя и тут нужно думать и пробовать

2. Сделайте посредством ява-скриптов (более фиговый вариант).

В общем, если приведете пример кода, который вы хотите получить, то будет проще.

40 повідомлень

#16 років тому



<table border="0" cellpadding="0" cellspacing="0" style="width:100%;">

	<tr>

		<td style="background-color:#f00;">

		1

		</td>

		<td style="background-color:#0f0;">

		2

		</td>

		<td style="background-color:#00f;">

		3

		</td>

	</tr>

</table>

Это можно поместить в любой див с размером, и все будет нормально, и делайте столько колонок сколько влезит...