Показать сообщение отдельно
  #2 (permalink)  
Старый 18.08.2011, 01:17
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>…</title>
	<style>
		body {
			margin: 0;
			min-width: 600px;
		}
		header {
			height: 80px;
			background: #cff;
		}
		.wrapper {
			float: left;
			width: 100%;
			margin-left: -200px;
			background: #fcc;
		}
		.wrapper .inner-wrapper {
			float: right;
			width: 100%;
			margin-left: -400px;
			background: #fcf;
		}
		.wrapper article {
			margin-left: 400px;
			background: #fee;
		}
		.wrapper .sidebar-1 {
			float: left;
			width: 200px;
			margin-left: 200px;
			background: #cfc;
		}
		.sidebar-2 {
			float: right;
			width: 200px;
			background: #ccf;
		}
		footer {
			clear: both;
			height: 80px;
			background: #ffc;
		}
	</style>
</head>
<body>
	<header>header</header>
	<div class="wrapper">
		<div class="inner-wrapper">
			<article>content content content content content content content content content content content content content content content content content content content content content content content content content content content content</article>
		</div>
		<aside class="sidebar-1">sidebar 1</aside>
	</div>
	<aside class="sidebar-2">sidebar 2</aside>
	<footer>footer</footer>
</body>
</html>

Последний раз редактировалось Octane, 18.08.2011 в 01:34.
Ответить с цитированием