Резиновый див

svdsLis · April 11, 2009

Проблема в следующем:

</div>

Див main резиновый а див2 имеет фиксированный размер, как сделать чтобы див 1 заполнял всё свободное место, див 1 и 2 находятся на одной строке.

Azadi · April 12, 2009

Примерно так:

<!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">
<head>
	<title>[TITLE]</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<style type="text/css">
		* {
			padding:0;
			margin:0;
		}
		body {
			text-align:center;
		}
		#container {
			width:80%;
			margin:0 auto;
			text-align:left;
		}
		#main {
			padding-right:200px;
			background:#f0f0f0;
			overflow:hidden;
		}
			#first {
				background:#c99;
			}
			#second {
				float:right;
				width:200px;
				display:inline;
				margin-right:-200px;
				background:#99c;
			}
			#first,#second {
				padding:10px;
			}
	</style>
</head>
<body>

<div id="container">
	<div id="main">
		<div id="second">
			2
		</div>
		<div id="first">
			1
		</div>
	</div>
</div>
</body>
</html>

Sign In

Резиновый див

Question

svdsLis

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Azadi

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information