Fórum

Setting height wrapper to 100%

Ricky de Klerck, modificado 13 Anos atrás.

Setting height wrapper to 100%

Junior Member Postagens: 27 Data de Entrada: 15/10/10 Postagens Recentes
Hi,

I'm having trouble setting my wrapper height to 100%. This wrapper should be a centered div covering the whole page. I made a sample html + css which works, but when applying it to a new theme fails.

Here's my custom.css:

body
{
	height: 100%;
	background-color: #BF0E24;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#wrapper
{
	width: 960px;
	height: 800px;
	margin: 0 auto;
}

#wrapper-left
{
	float: left;
	width: 8px;
	height: 100%;
	background-image: url('../images/border-left.png');
}

#wrapper-center
{
	float: left;
	width: 944px;
	height: 100%;
	background-color: white;
}

#wrapper-right
{
	float: right;
	width: 8px;
	height: 100%;
	background-image: url('../images/border-right.png');
}


And here is my portal_normal.vm:



#parse ($init)




	<title>$the_title - $company_name</title>

	$theme.include($top_head_include)




#if($is_signed_in)
	#dockbar()
#end

#if ($update_available_url)
	<div class="popup-alert-notice">
		<a class="update-available" href="$update_available_url">#language("updates-are-available-for-liferay")</a>
	</div>
#end

<div id="wrapper">
	<div id="wrapper-left"></div>
	<div id="wrapper-center">
	</div>
	<div id="wrapper-right"></div>
</div>	



$theme.include($bottom_include)




Anyone know what's the problem? Thanks in advance!
Ricky de Klerck, modificado 13 Anos atrás.

RE: Setting height wrapper to 100%

Junior Member Postagens: 27 Data de Entrada: 15/10/10 Postagens Recentes
I've added:

html
{
	height: 100%;
	margin: 0;
	padding: 0;	
}


And now it works fine, but only with the dockbar turned off.. Anyone?