LINUX.ORG.RU

проблемы видимо в 100% высоте? почему бы и не яваскриптом

note173 ★★★★★
()
Ответ на: комментарий от isden

почитал описание. охблин. не представляю зачем нужно менять координаты всех элементов. подумай, это точно нужно? может быть можно обойтись более простым раскладом? если нет - то только через JS и менять, т.к. положение остальных элементов меняется тоже через него.

isden ★★★★★
()
Ответ на: комментарий от vahvarh

тогда я бы порекомендовал GWT для всего сервиса. там такие штуки очень просто и удобно делаются.

isden ★★★★★
()

Ну вроде на таблицах примерно так получается — под размеры окна масштабится, ширину td-блоков изменять можно, устанавливать display:none для них тоже прокатывает, тело корректно расширяется. Но я только на фоксе проверил. Возможно стоит аналогичную структуру описать с использованием display table/table-row/table-cell.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<title>Заголовок страницы</title>
	<style type="text/css">
		
		html, body, table
		{
			width: 100%;
			height: 100%;
			margin: 0px;
			padding: 0px;
		}
		
		td.header
		{
			height: 50px;
			
			background-color: #A3AFF6;
		}
		
		td.footer
		{
			height: 50px;
			
			background-color: #E0D8B8;
		}
		
		td.sidebar
		{
			width: 200px;
			
			background-color: #E0CADD;
		}
		
		td.body
		{
			background-color: #CAE0CC;
		}
		
	</style>
</head>
<body>

<table>
	<tr>
		<td colspan="2" class="header">
			Шапка
		</td>
	</tr>
	<tr>
		<td class="sidebar">
			Левая фигня
		</td>
		<td class="body">
			Тело
		</td>
	</tr>
	<tr>
		<td colspan="2" class="footer">
			Подвал
		</td>
	</tr>
</table>

</body>
</html>
avol ★
()
Ответ на: комментарий от avol

Ошибся — про координаты не заметил. Тогда да — javascript, причём ничего сложного тоже.

avol ★
()
Ответ на: комментарий от isden

> на таблицах или на дивах? первое сильно проще, второе - «модно и молодежно».

Есть ещё более «модный и молодёжный способ»))), через display:table, display:table-cell и т.п. И кажется даже сможет удовлетворить ТС в данном примере. Однако да, для ИЁ надо будет делать кастылики.

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development