Проблема с колонками

phatol · December 9, 2010

В общем систуация такая. есть допустим 2 или 3 колонки, неважно.

Необходимо сделать так чтобы при растягивании окна браузера в ширину растягивались все 2 или 3.

но и при этом чтобы при сужении окна минимальная ширина каждой допустим была 400px. ну и соответственно между ними нужен отступ. float ставит рядом. я так понял нужно создать в середине пустой слой для отступа? даже если так у меня расширяется только правый а левый остается 400 =(

с параметрами min-width и float че то не получается. подскажите. нужно так как на картинке. + чтобы при растягивании растягивались только коричневые слоя. а отступ сохранялся. спасибо.

Edited December 9, 2010 by phatol

eVErl@Sting · December 10, 2010

Весь код страницы давай, особенно то что пишешь в шапке

stars · December 10, 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Две колонки</title>
		<style type="text/css">
		* {
			padding: 0;
			margin: 0;
		}
		body, html {
			width:100%;
			height:100%;
		}
		#mytable {
			min-height: 400px;
		}
		#mytable td {
			background: #8f7375;
			min-width: 400px;
		}
		</style>
	</head>
	<body>
		<table id="mytable" width="100%" cellspacing="30">
			<tr><td></td><td></td></tr>
		</table>
	</body>
</html>

Если вам уперлась именно верстка дивами то надо думать... я бы подумал о width:50%;float:left;outline:30 solid white;padding:30px; однако это подумать все еще нужно...

Edited December 10, 2010 by stars

Sign In

Проблема с колонками

Question

phatol

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

eVErl@Sting

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information