А как сделать подвал всегда был внизу?

Bismuth · June 2, 2013

вот html


<body>
<div class="wrapper">
<div class="top">
	 <div class="logo">
		 <a href="http://homehosts.ru"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo.png" width="194" height="38"></a>
	 </div><!--EndLogo-->
		 <div class="regit">
			 <jdoc:include type="modules" name="regit" />
		 </div><!--EndRegit-->
</div><!--EndTop-->
	 <div class="menu_box">
			 <div class="left_menu"></div><!--EndLeftMenu-->
				 <div class="center_menu">
					 <jdoc:include type="modules" name="menu_top" />
				 </div><!--EndCenterMenu-->
	 <div class="right_menu"></div><!--EndRightMenu-->
	 </div><!--EndMenuBox-->
		 <div class="box">		
		 <div class="right_box">
			 <jdoc:include type="modules" name="right_box" />
		 </div><!--EndBox-->
				 <div class="left_box">
					 <jdoc:include type="modules" name="left_box" />
				 </div><!--EndLeftBox-->
					 <div class="center_box">
						 <div class="banner">
							 <jdoc:include type="modules" name="banner" />
						 </div><!--EndBanner-->
							 <div class="content">
								 <jdoc:include type="modules" name="content" />
								 <jdoc:include type="component" style="my"/>
							 </div><!--EndContent-->
					 <div class="clear"></div><!--EndClear-->

					 </div><!--EndCenter-->
			 </div><!--EndBox-->
</div><!--EndWrapper-->
<div class="footer">
	 <div class="right_footer">
		 <jdoc:include type="modules" name="right_footer" />
	 </div><!--EndRightFooter-->
			 <div class="left_footer">
				 <jdoc:include type="modules" name="left_footer" />
			 </div><!--EndLeftFooter-->
			 <div class="center_footer">
				 <jdoc:include type="modules" name="center_footer" />
			 </div><!--EndCenterFooter-->
</div><!--EndFooter-->
</body>

И часть CSS


/* Center */
.box {
margin:0 auto;
margin-top:20px;
width:1000px;
height:auto !important;
height:100%;
min-height:100%;
}
.center_box {
margin:0 auto;
width:600px;
height:auto !important;
height:100%;
min-height:100%;
}
/* Content */
.content {
margin:0 auto;
width:600px;
height:auto !important;
height:100%;
min-height:100%;
}

grebnev · June 2, 2013

Если вам надо просто прижать, а не понять магию рецепта, то заходите на http://csstemplater.com/, создавайте нужный вам макет и выбирайте "прижать футер к низу". Дальше качаете макет и смотрите, как там сделано.

gregsv · June 3, 2013

http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html

Здесь описывают один из методов

Sign In

А как сделать подвал всегда был внизу?

Question

Bismuth

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

grebnev

Link to comment

Share on other sites

gregsv

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information