поправка темы

Подскажите как вставить блоки ниже полосы с кнопками между двумя сайтбарами. 1-й с обзором страницы, чтобы там была фотография и начальный текст и ссылка подробнее. 2-й с видео
пример по ссылке
http://s002.radikal.ru/i197/1204/e0/9835caecc4ee.jpg

Коментарии: 1

nobarca

08.04.2012 06:12

Ответить

как вариант:

<html>
<head>
<link rel="stylesheet" type="text/css" href="mysite.css">
</head>

<body>
<div id="container">

<div id='sidebar1' style="height:600px">
<p>Sidebar1</p>
</div>

<div id="content">
<div id='block1' style="height:100px">
<p>Фото</p>
</div>
<div id='block2' style="height:300px">
<p>Видео</p>
</div>
</div>

<div id='sidebar2' style="height:600px">
<p>Sidebar2</p>
</div>

</div>

</body>
</html>

И таблица стилей

body {
margin:0px;
}

#container {
width: 900px;
}

#sidebar1 {
background: grey;
width: 200px;
float: left;
}

#content {
width: 500px;
float: left;
}

#sidebar2 {
background: yellow;
width: 200px;
float: left;
}

#block1 {
background: blue;
width: 250px;
float: left;
}

#block2 {
background: green;
width: 250px;    
position:absolute;
margin-left: 250px;
}

Результат – http://s2.ipicture.ru/uploads/20120408/LEJentai.png

поправка темы

Свежее