Высота слоя

Ayaweb · November 10, 2007

Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код

	<div class="middle">
			<div class="left_side" > </div>
			<div class="main">
				<h1>Заголовок</h1>
													<center><div class="h_menu">

														</div></center>
													<div class="welcome">

														</div>
													<div class="news">

														</div>
			</div>

и стили

.middle{
	width:100%;
	float:none;
	clear:both;
	height:100%
	padding:0;
	margin:0;
	border:0;;
	}
.left_side {
	background-image:url(img/left_side.gif);
	background-repeat:repeat-y;
	background-position:left;
	width: 17px;
	padding:0;
	margin:0;
	border:0;
	float:left;
	height: 100%;
}
.right_side {
	background-image:url(img/right_side.gif);
	background-repeat:repeat-y;
	background-position:right;
	width: 17px;
	padding:0;
	margin:0;
	border:0;
	float:right;
	height:100%;
	position: relative;
}
.main {
	float: left;
	padding-left:20px;
	padding-right:20px;
	height:100%;
	margin-right:20px;
	margin-left:20px;
	}

musulman · November 10, 2007

ДУмаю надо копать в этом направлении.

ДУмаю тег background лучше использоват так как я его использовал.

и еще раз пробежитесь по своему коду может все дело в нем не в глядываясь уже заметил ошибку в

.middle{
	width:100%;
	float:none;
	clear:both;
	height:100%
	padding:0;
	margin:0;
	border:0;; — это лишнее
	}

<html>
<head>
<title>TITLE</title>
<style type="text/css">

* {
margin			:0;
padding			:0;
border			:0;
}

.qwe {
}

.left {
float			:left;
width			:5%;
background		:url(images/left_bg.gif) repeat-y; — Фон левой калонки
}

.right {
float			:right;
width			:5%;
background		:url(images/right_bg.gif) repeat-y; — Фон правой калонки
}

.content {
float			:left;
width			:90%;
background		:#fff;
}

</style>
</head>
<body>

<div class="qwe">

	<div class="left"></div>
	<div class="content">CONTENT</div>
	<div class="right"></div>
</div>

</body>
</html>

Ayaweb · November 10, 2007

он оказывается не просто не растягивается, центральный слой вообще ниже находится, не обтакает справда. а почему не могу понять

Dimitry Wolotko · November 10, 2007

В проблемы верстки.

musulman · November 10, 2007

а вы могли бы указать более коректный вариант кода ? Помоему тут чегото не хватает.

Sign In

Высота слоя

Question

Ayaweb

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

musulman

Link to comment

Share on other sites

Ayaweb

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

musulman

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information