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:
And here is my portal_normal.vm:
Anyone know what's the problem? Thanks in advance!
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:
And now it works fine, but only with the dockbar turned off.. Anyone?
html
{
height: 100%;
margin: 0;
padding: 0;
}
And now it works fine, but only with the dockbar turned off.. Anyone?