Выравнивание высоты блоков

CoDy · April 19, 2009

Всем ХИ.

Есть 2 блока: один является контейнером для другого. Как сделать (желательно, но не обязательно, средствами css ) чтобы высота блока

right_bar была такая же как и container(независела от наполнения) .

#container { margin: 0 auto;

width: 790px;

}

#right_bar { width: 190px;

background: url(img) repeat-y;

}

<divid="container">

.....некоторый текст...

</div>

.....некоторый текст...

</div>

psywalker · April 19, 2009

CoDy

Я конечно не силён в этих делах, но попробуй вот так:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
  <style type="text/css">
	 #container { 
			margin: 0 auto;
			width: 790px;
			background:#FC6;
			overflow: hidden;
	  }
	  #right_bar { 
			width: 190px;
			background: #960 url(img) repeat-y;
			float: left;
	  }
</style>
</head>
<body>
<div id="container">

<div id="right_bar">
Есть 2 блока: один является контейнером для другого. Как сделать (желательно, но не обязательно, средствами css ) чтобы высота блока
right_bar была такая же как и container(независела от наполнения) .
</div>

.....некоторый текст...
</div> 
</body>
</html>

А вот этот вариант мне кажется наиболее подходящим:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
  <style type="text/css">
	 #container { 
			margin: 0 auto;
			width: 790px;
			background: #FC6;
			border-left: 190px solid #960;

	  }
	  #right_bar { 
			width: 190px;
			background: #960 url(img) repeat-y;
			margin-left: -190px;
			float: left;
			position: relative;
	  }
</style>
</head>
<body>
<div id="container">

<div id="right_bar">
Есть 2 блока:
</div>
Есть 2 блока: один является контейнером для другого. Как сделать (желательно, но не обязательно, средствами css ) чтобы высота блока
right_bar была такая же как и container(независела от наполнения) .
.....некоторый текст...
Есть 2 блока: один является контейнером для другого. Как сделать (желательно, но не обязательно, средствами css ) чтобы высота блока
right_bar была такая же как и container(независела от наполнения) .
.....некоторый текст...
</div> 
</body>
</html>

Edited April 19, 2009 by psywalker

tonik_spb · April 19, 2009

Это все правильно, и кстати на этом сайте есть небольшая заметка по поводу 2ух блоков с одинаковой высотой, но имхо это извращение =))

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

Sign In

Выравнивание высоты блоков

Question

CoDy

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

tonik_spb

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information