Растягивание блока при большом содержимом

Adlaran · November 29, 2011

Проблема:

Две колонки на дивах. Первая растягивающаяся, у неё задан отступ справа, вторая такого же размера, что и отступ, и обтекает справа первую. Если в первую колонку вставить объект, ширина которого больше ширины экрана минус отступ, то этот объект начинает вылезать за границы колонки, а хотелось бы, чтоб колонка растягивалась под размер объекта (пусть даже от этого в окне появится горизонтальная полоса прокрутки), а вторая колонка по прежнему находилось справа от первой.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>ы</title>
	<style type="text/css">
	.main { 
	 margin: 0 176px 0 0;
	 border: 1px solid #333333;
	 min-height: 400px;
	}

	.right{
	 float: right;
	 padding: 0;
	 width: 176px;
	 background: #7592B7;
	 min-height: 400px;
	}
	</style>

</head>
<body>

	<div class="right">
	</div>

	<div class="main">
		<table border="1">
			<tr><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td><td>Большая_таблица</td></tr>
		</table>
	</div>

</body>
</html>

Буду благодарен за помощь в решении этой проблемы.

Sign In

Растягивание блока при большом содержимом

Question

Adlaran

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information