Шаблон для Joomla, как убрать сдвиг центральной коллонки?

puller12 · January 6, 2011

Добрый деньё

С ХТМЛ и ЦСС работаю совсем недавно.

При написании шаблона под Joomla возник вопрос:

Есть 3 основных блока - 2 по бокам фиксированные и один по центру с контентом гуляет по вертикали.

Как сделать чтобы центральный блок, при уменьшении ширины браузера, не заезжал под левый блок и не оставалось пустое место справа? Или как заставить все блоки прокручиваться по горизонтали, при уменьшении ширины браузера?

сам шаблон: http://fav-art.com/FAVart.template/

П.С.: подробное описание того что хочу получить: http://joomlaforum.ru/index.php/topic,141983.new.html#new или http://joomla.org.ua/forum/topic?id=920

Заранее всем откликнувшимчся чрезвычайно благодарен

кот:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FAVart.template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css"> 
html, body{
	margin:0px;
	padding:0px;
	background-color:#414141;
	height:100%;
}
.body{
	margin:0 auto;
	padding:0px;
	background-color: #39F;
	height:100%;
	width:1000px;
}
#indent{
	clear:both;
}
.left_column_body{
	margin:0 auto;
	padding:0px;
	float:left;
	background-image:url(../images/fon_01.gif);
	width:35px;
	height:650px;
	min-height:500px;
	position:fixed;
	background-color: #FC0;
}
.middle{
	margin:0px;
	margin-left:35px;
	padding:0px;
	float:left;
	left:35px;
	background-color: #FCC;
	width:765px;
	height:850px;
}
.right_column_body{
	margin:0px;
	padding:0px;
	float: left;
	left:inherit;
	background-color: #F30;
	width:200px;
	height:100%;
	min-height:500px;
}
.right_column{
	margin:0px;
	padding:0px;
	position:fixed;
	float:left;
	background-color:#191919;
	width:200px;
	height:650px;
}
.rc_body{
	margin:0px;
	padding:0px;
	background-color:#369919;
	width:200px;
	height:500px;
}
</style>
</head>

<body>
<div class="body">
     <div class="left_column_body"></div>
     <div class="middle"></div>
     <div class="right_column_body">
          <div class="right_column">
          <div class="rc_body"></div>
          </div>
     </div>
</div>
</body>
</html>

Edited January 7, 2011 by puller12

Sign In

Шаблон для Joomla, как убрать сдвиг центральной коллонки?

Question

puller12

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information