Колонки одинаковой высоты

spatlet · October 15, 2009

Всем привет. Мне нужно сделать три колонки. По краям фон, а по центру контент. Делаю так:

Html:

<div id="content">Тут какой-то контент</div>

Css:

div#main {

overflow:hidden;

width:100%;

}

div#left_bg {

float:left;

width:17px;

background-color:#b74929;

padding-bottom:10000px;

margin-bottom:-10000px;

}

div#content {

float:left;

width:936px;

padding-bottom:10000px;

margin-bottom:-10000px;

}

div#right_bg {

float:left;

width:17px;

background-color:#b74929;

padding-bottom:10000px;

margin-bottom:-10000px;

}

Но у меня почему-то не отображается правый фон. Подскажите что нетак.

psywalker · October 15, 2009

Так пробовал?

<!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">
	*{ margin: 0; padding: 0;}
	body { min-width: 300px;}
	#left_bg { float: left; width: 50px; background: red;}
	#right_bg { float: right; width: 50px; background: red;}
	#content { overflow: hidden; zoom:1; background: blue;}
</style>
</head>

<body>
<div id="main">
<div id="left_bg">Left</div>
<div id="right_bg">Right</div>
<div id="content">Тут какой-то контент</div>
</body>
</html>

spatlet · October 15, 2009

psywalker вы меня выручили как всегда. Большое спасибо. Ваш код сработал. Но мне не ясно почему не сработал мой?

psywalker · October 15, 2009

psywalker вы меня выручили как всегда. Большое спасибо. Ваш код сработал. Но мне не ясно почему не сработал мой?

1) Не за что

2) Потому что ты какую то муть понаписал))

Sign In

Колонки одинаковой высоты

Question

spatlet

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

spatlet

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information