Проблема. Не тянутся блоки по высоте

andvab · September 10, 2009

написал обычный двухколонный сайт: верх, под ним две колонки, ниже(типа футер). при добавлении текста тянется только одна колонка, которая с текстом, при чем наплывая на футер и т.д. вниз как сделать нормаль подскажите пожалуйста

<body marginheight="0" marginwidth="0" alink="#F0F47A" vlink="#F0F47A">
<a name="up" id="up"></a>

<div>	
<div class="head">
										 <div class="logo"><jdoc:include type="modules" name="top" /></div>
				<table cellpadding="0" cellspacing="0" class="pill">
					<tr>
					 <td class="pill_m">
								<div id="pillmenu">
									<jdoc:include type="modules" name="user3" />
								</div>
					 </td>
													 <td class="searh">
																	   <jdoc:include type="modules" name="user4" />
													 </td>
				   </tr>
				</table>							 \вставка логотипа, меню\
										 </div>

</div>
<div class="fonbg">
			  <span id="fonbglight"></span>
	  <div class="fonbgupper">
		  <div class="fonleft">

												<div class="leftcolumn">
						<?php if($this->countModules('left')) : ?>
							<jdoc:include type="modules" name="left" style="rounded" />
						<?php endif; ?>
				</div>
												<?php if($this->countModules('left')) : ?>
				 </div>
			 <div class="fonright">
										   <div id="maincolumn">
						<?php else: ?>
				<div id="maincolumn_full">
						<?php endif; ?>
							<jdoc:include type="component" />
							<jdoc:include type="modules" name="footer" style="xhtml"/>
												</div>	
											</div>
					 </div>

				</div>

				<div class="fonlower">
								<jdoc:include type="modules" name="syndicate" />
								<jdoc:include type="modules" name="debug" />		
				</div>
</div>
</div>
</body>

BODY { 
background-color:#92BCDA;
margin-left:0;
margin-right:0;
margin-top:0;
color:245E9D;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

div.head {
margin-left:auto;
margin-right:auto;
background-color:#245E9D;
margin-top:0;
background-image:url(../images/header1.png);
width:960px;
height:225px;
background-repeat:no-repeat;
}

div.fonbg {
margin-left:auto;
margin-right:auto;
margin-top:0;
background-color:#245e9d;
background-image: url(../images/body3.png);
background-repeat:repeat-y;
width:958px;
min-height:500px;

}

#fonbglight {
position:absolute;
top:225px;
right:50%;
width:480px;
height:269px;
background-image:url(../images/bodyL.png);
z-index:2;
}

div.fonbgupper {
width:960px;
height:100%;
position:absolute;
z-index:2;
}

.fonleft {
border:0;
margin-left:27px;
margin-top:0;
width:226px;
background:#82A9CF;
float:left;
height:100%;
}

.fonright {
margin-left:253px;
margin-top:0;
margin-right:29px;
background:#CBE3F7;

}

div.fonlower {
margin-left:auto;
margin-right:auto;
margin-top:0;
background-color:#245e9d;
background-image:url(../images/bodyf.png);
width:960px;
height:41px;
position:relative;
z-index:2;
}

простите, что так обьемно

andvab · September 10, 2009

проблему решил: position должен был быть relative в блоке div.fonbgupper

Sign In

Проблема. Не тянутся блоки по высоте

Question

andvab

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

andvab

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information