Резиновый сайт на div'ах

Webscripter · September 30, 2010

У меня такой макет:

Вот код, который я набрал:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>...</title>
	<style>
		body {
			margin: 0px;
		}
		#container {
			display: inline-block;
		}
		#wrap {
			display: inline-block;
			margin: 10px;
			padding: 5px;
			background: yellow;
		}
		#header {
			height: 50px;
			background: green;
		}
		#content {
			float: left;
			min-width: 200px;
			background: orange;
		}
		#right {
			float: left;
			background: #a5a530;
		}
	</style>
</head>
<body>

<div id="container">
<div id="wrap">
  <div id="header">Header</div>
  <div id="content">Flash</div>
  <div id="right">Menu</div>
</div>
</div>

</body>
</html>

Но даже то, что у body стоит display: inline-block не сберегает страницу от того, что правая колонка при уменьшении размеров окна съезжает вниз. min-width у body ставить нельзя, т. к. в правой части должно располагаться flash-приложение, размеров которого я знать не могу, а следственно, и что подставлять в min-width тоже. Как решить такую проблему?

Заранее благодарен.

inscriptible · September 30, 2010

<div id="content">Flash</div> у этого убери float:left совсем, добавь margin-right: в процентах

<div id="right">Menu</div> у этого сделай float:right и ширину тоже в процентах и ничего съезжать не будет.

Sign In

Резиновый сайт на div'ах

Question

Webscripter

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

inscriptible

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information