Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera
estou tendo problemas com a altura de uma div, ela nao aceita valores em %,
se eu coloco o valor definido em px ela funciona direitinho mais queria colocar em porcentagem
pra alinhar conforme a resolução da tela..
esta é a div:
#include .content {
min-height: 100%;
}body {
color: #333;
font-family:Verdana, Geneva, sans-serif;
margin: 0;
padding: 0;
cursor: default;
height: 100%;
}
#pai {
height: 100%;
}
#geral {
width:1000px;
height: 100%;
margin:0 auto;
}
/ ++++++++++++++++++ MENU TOPO ++++++++++++++++++ /
#menu_topo {
width:1000px;
float:none;
margin:30px 0 0 0;
color:#fff;
overflow:hidden;
}
#menu_topo ul {
margin:0;
padding:0;
}
#menu_topo ul li {
float:left;
text-align:center;
list-style-type:none;
background:url(../imagens/headtabwhite.png) no-repeat 0 0;
width:80px;
height:18px;
overflow:hidden;
margin-right:2px;
padding:1px 10px 0 10px;
margin-top: 32px;
}
#menu_topo a {
font-size:12px;
color:#000;
text-decoration: none;
}
#menu_topo li a:hover{
text-decoration:none;
color: #46A3FF;
}
#opcoes_topo {
float: right;
}
/ ++++++++++++++++++ TOPO ++++++++++++++++++ /
.cornercontent {
background:url(../imagens/black.png) repeat 0 0;
width:990px;
height:10px;
padding:0; margin:0;
float:left;
}
.cornerright {
background:url(../imagens/blackright10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:right;
}
#header {
width:1000px;
height:95px;
overflow:hidden;
margin:0;
padding: 5px 0 10px 0;
background:url(../imagens/black.png) repeat 0 0;
float: left;
} width:1000px;
height:100px;
overflow:hidden;
margin:0;
padding: 5px 0 10px 0;
background:url(../imagens/black.png) repeat 0 0;
}
html #header { /IE6 only*/
background:#000;
margin-bottom:15px;
padding:20px 0;
}
#quebra_linha {
height: 13px;
clear: both;
}
#header h1 {
font-size:28px;
margin: 4px 0 4px 20px;
padding:0;
color:#fff;
font-weight:normal;
}
#header h2 {
font-size:16px;
color:#fff;
margin-left:25px;
font-weight:normal;
}
#header h3 {
font-size:11px;
color:#fff;
margin-left:25px;
font-weight:normal;
}
#headerleft {
float:left;
width:60%;
}
#headerright a {
background:url(../imagens/logo.png) no-repeat;
width:317px;
height:100px;
cursor:pointer;
float:right;
margin:10px 10px 0 0;
}
.headcornerwrapbottom {
height:10px;
width:100%;
padding:0;
margin-bottom: 13px;
} display:none;
}
.cornercontentbottom {
background:url(../imagens/black.png) repeat 0 0;
width:980px;
height:10px;
padding:0; margin:0;
float:left;
}
.cornerleftbottom {
background:url(../imagens/blackleftbot10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:left;
}
.cornerrightbottom {
background:url(../imagens/blackrightbot10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:right;
}
/ ++++++++++++++++++ CONTEUDO GERAL ++++++++++++++++++ /
#conteudo_geral {
width: 810px;
float:left;
overflow:hidden;
clear: both;
}
.conteudo_total {
float:none;
width:100%;
margin:0 0 15px 0;
overflow:hidden;
padding:0;
}
.storycornerwrap {
padding:0px;
font-size:13px;
text-align:left;
float:left;
width:770px;
height:10px;
margin:0;
}
html .storycornerwrap { /IE6*/
display:none;
}
.storycornercontent {
background:url(../imagens/white.png) repeat 0 0;
width:760px;
height:10px;
padding:0; margin:0;
float:left;
text-align:left;
}
.storycornerright {
background:url(../imagens/whiteright10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:right;
}.lateral_left {
float:left;
width:35px;
overflow:hidden;
height:110px;
}
.data {
color:#fff;
background:url(../imagens/date.png) no-repeat 0 0;
width:35px;
height:60px;
text-align:center;
font-size:0.7em;
padding:3px 0 0 0;
} background:#000;
}
.users {
color:#fff;
background:url(../imagens/users.png) no-repeat 0 0;
width:35px;
height:30px;
text-align:center;
font-size:1.1em;
padding:7px 0 0 0;
margin-top:10px;
}
html .users { /IE6*/
background:#000;
}
/ ++++++++++++++++++ CONTEUDO INCLUDE ++++++++++++++++++ /
#include {
padding:0px 20px;
font-size:13px;
text-align:left;
float:left;
width:730px;
background:url(../imagens/white.png) repeat 0 0;
overflow:hidden;
}
html #include { /IE6*/
padding:15px 20px;
}
#include .content {
min-height: 100%;
}
/ #include .content {
min-height: 203px;
margin-top: 15px;
}#top_conteudo {
margin-left: 5px;
margin-top: 4px;
float: left;
}
.title_conteudo{
margin-left: 7px;
color:#333;
font-size:19px;
float: left;
margin-top: 19px;
}
#menu_conteudo {
height: 55px;
text-align: right;
padding-top: 2px;
margin-right: 7px;
}
#menu_conteudo div{
float: right;
font-size: 10px;
text-align: center;
display: block;
}
a.public_unpublic {
cursor: pointer;
}
#menu_conteudo button {
font-size: 10px;
outline: none;
width: 70px;
}
+html #menu_conteudo button { /para ie 7 */
font-size: 9px;
outline: none;
width: 70px;
}
.bnt_over {
cursor: pointer;
outline: none;
}
h4 {
font-weight: normal;
font-style: italic;
font-size: 13px;
}
/ ++++++++++++++++++ RODAPÉ CONTEUDO ++++++++++++++++++ /
.storycornerwrapbottom {
font-size:13px;
text-align:left;
float:left;
width:770px;
height:10px;
margin:0; padding:0 0 0 35px;
}
html .storycornerwrapbottom { /IE6*/
display:none;
}
.storycornerleftbottom {
background:url(../imagens/whiteleftbot10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:left;
}
.storycornerrightbottom {
background:url(../imagens/whiterightbot10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:right;
}
.storycornercontentbottom {
background:url(../imagens/white.png) repeat 0 0;
width:750px;
height:10px;
padding:0;
float:left;
margin-bottom:15px;
}.meta {
font-size: 10px;
color: #808080;
clear:both;
padding-top:2px;
border-top:1px solid #808080;
margin-top:30px;
}
/ ++++++++++++++++++ FUNDO MENU ++++++++++++++++++ /
.sidecornerleft {
background:url(../imagens/blackleft10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:left;
}
.sidecornerright {
background:url(../imagens/blackright10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:right;
}
.sidecornerwrapbottom {
width:180px;
margin-top: 13px;
float:right;
height:10px;
height:10px;
margin:0; padding:0;
}
html .sidecornerwrapbottom { /IE6*/
display:none;
}
.sidecornercontentbottom {
background:url(../imagens/black.png) repeat 0 0;
width:160px;
height:10px;
padding:0; margin:0;
float:left;
}
.sidecornerleftbottom {
background:url(../imagens/blackleftbot10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:left;
}
.sidecornerrightbottom {
background:url(../imagens/blackrightbot10.png) no-repeat 0 0;
width:10px;
height:10px;
padding:0; margin:0;
float:right;
}
.sidecornerwrap {
width:180px;
float:right;
height:10px;
margin:0; padding:0;
}
html .sidecornerwrap { /IE6 only*/
display:none;
}#menu {
width:180px;
float:right;
color:#fff;
padding: 0 0 30px 0;
margin-top:0px;
background:url(../imagens/black.png) repeat 0 0;
overflow:hidden;
}
html #menu { /IE6 */
background:#000;
width:200px;
padding:10px 0;
}
ul#menu_lateral {
padding:2px;
}
ul#menu_lateral > li > a {
display:block;
padding: 4px;
color: #fff;
text-decoration:none;
font-size: 13px;
background: #444;
height: 20px;
outline: 0;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}
ul#menu_lateral > li > #allborder {
border:1px solid #000000;
} background: #46A3FF;
} display:none;
} display:block;
margin-left: -40px;
text-decoration:none;
padding-left: 15px;
background: #444;
font-weight:normal;
color:#fff;
outline: 0;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-bottom-style: dotted;
} margin-left: 0px;
} color:#fff;
text-decoration:none;
background: #46A3FF;
}
#menu h3 {
font-size:15px;
margin:9px 0 0px 5px;
font-weight:normal;
color: #ffffff;
font-style: normal;
}
.img_menu {
width: 24px;
height: 24px;
float: left;
margin: -2px 5px 0px 5px;
}
#menu ul {
color: #fff;
list-style-type: none;
margin: 0;
}
#menu ul li {
list-style-type: none;
font-size:11px;
}#search {
list-style-type:none;
padding:5px 5px 5px 0;
}
#menu input#s {
width: 77%;
color: #000;
font-size:12px;
margin-left: -20px;
}
*:first-child+html #menu input#s {
margin-left: 20px;
width: 60%;
}
/ ++++++++++++++++++ RODAPÉ PRINCIPAL ++++++++++++++++++ /
.rodape {
border-top:3px double #fff;
color: #fff;
font-size: 10px;
letter-spacing:1px;
margin: 30px 0 0 0;
background:url(../imagens/blacklight.png) repeat 0 0;
padding: 0 3px;
text-align: center;
clear:both;
height:17px;
}
html .rodape { /IE6 only*/
background:#000;
}
.rodape a {
color:#fff;
}
.rodape a:hover {
color:#fff;
} font-size: 90%;
font-style: normal;
} color: #333;
text-decoration:none;
outline: 0;
}
a img {
border: none;
outline: 0;
}
a:hover {
color:#46A3FF;
text-decoration:none;
outline: 0;
}
p, li {
font-size: 13px;
line-height:17px;
color:#333;
} color:#333;
font-weight: normal;
font-style: italic;
font-size: 15px;
} color:#333;
font-weight: normal;
font-style: italic;
font-size: 18px;
}
/ ++++++++++++++++++ PAGINA CADASTRAR GRUPO ++++++++++++++++++ /
#grupoEsquerdo {
width: 340px;
float: left;
clear: left;
margin-left: 5px;
}
#grupoDireito {
width: 340px;
float: left;
margin-left: 15px;
}
#grupoFooter {
clear: both;
}
.txtUP {
font-size: 12px;
color: #333;
}
label, input, textarea, select, button {
font-size: 13px;
color: #333;
}
.text{
width: 335px;
}
fieldset {
padding:5px 10px;
} border:1px solid #000;
vertical-align:top;
overflow:hidden;
padding:3px;
} border:1px solid #000;
vertical-align:top;
overflow:hidden;
padding:3px;
} padding:4px 8px;
font-weight:normal;
text-align:left;
border:1px solid #D6D6D6;
} border-left:1px solid #D6D6D6;
} border:1px solid #D6D6D6;
border-top:none;
border-right:none;
} border:1px solid #D6D6D6;
border-top:none;
border-right:none;
} border:1px solid #D6D6D6;
} background-color:#f5f5f5;
border:1px solid #D6D6D6;
border-top:none;
} border-right:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
}
.linha {
font-size: 12px;
} background:#46A3FF;
font-size: 12px;
}
.linha1 {
background: #f5f5f5;
}
.linha1:hover, .linha1 .over {
background:#46A3FF;
}
.linha2 {
background: #fafafa;
}
.linha2:hover, .linha2 .over {
background:#46A3FF;
} border-right:none;
} border-left:none;
text-align: left;
} border-left:none;
border-right:1px solid #D6D6D6;
text-align: left;
} text-align:center;
} padding:5px 8px;
} border-right:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
padding:5px 8px;
}/ ++++++++++++++++++ ADMIN ++++++++++++++++++ /
.statususeron {
background:url(../imagens/status/online.png) no-repeat right center;
height: 50px;
width: 50px;
padding-top: 40px;
color:#3C3;
font-size: 11px;
}
.statususeroff {
background:url(../imagens/status/off.png) no-repeat right center;
height: 50px;
width: 50px;
padding-top: 40px;
color:#666;
font-size: 11px;
}
.statususerausent {
background:url(../imagens/status/ausente.png) no-repeat right center;
height: 50px;
width: 50px;
padding-top: 40px;
color:#f60;
font-size: 11px;
} background: url(../imagens/icones/close.png) no-repeat top right;
float: right;
width: 16px;
height: 16px;
} background: url(../imagens/icones/close_hover.png) no-repeat top right;
float: right;
width: 16px;
height: 16px;
}
.sucesso {
font-size:11px;
border:1px solid #999;
background:#f5f5f5 url(../imagens/icones/msg_sucesso.png) no-repeat center left;
padding-left:24px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
width: 699px;
margin-bottom: 20px;
height: 13px;
}
.erro {
font-size:11px;
border:1px solid #999;
background:#f5f5f5 url(../imagens/icones/msg_erro.png) no-repeat center left;
padding-left:24px;
padding-right:5px;
padding-top:10px;
padding-bottom:10px;
width: 699px;
margin-bottom: 20px;
height: 13px;
}
.infoConta {
padding-top:10px;
padding-bottom:6px;
padding-left:10px;
font-size: 11px;
line-height: 18px;
}
.infoLogin {
font-size: 11px;
line-height: 18px;
}
meu html:
<!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">](http://www.w3.org/1999/xhtml)
<head>
<title>Painel de Administração | Site do Cliente</title>
<link rel="shortcut icon" href="/admin/favicon.ico" type="image/x-icon"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<link rel="stylesheet" type="text/css" href="/admin/css/style.css" />
<script src="/admin/js/msg_navegador.js" type="text/javascript"></script>
<script src="/admin/js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="/admin/js/menu.js" type="text/javascript"></script>
<script src="/admin/js/functions_up.js" type="text/javascript"></script>
<style type="text/css">
body { background: url(/admin/temas/3.jpg) no-repeat fixed center center #ffffff; }
</style>
</head>
<body>
<div id="pai">
<div id="geral">
<div id="menu_topo">
<ul>
<li><a href="/admin/" title="Página Principal">Início</a></li>
<li><a href="../../" title="Visualizar o site">Visualizar</a></li>
</ul>
<div align="left" id="opcoes_topo">
<a title="Informações do sistema" href="/admin/info/"><img alt="Informações do sitesma" src="/admin/imagens/icones/info.png" width="48" height="48" /></a>
<a title="Sair do sistema" href="/admin/sair.php"><img alt="Sair do sistema" src="/admin/imagens/icones/exit.png" width="48" height="48" /></a>
</div>
</div>
<div class="cornercontent"></div>
<div class="cornerright"></div>
<div id="header">
<div id="headerleft">
<h1>Painel de Administração</h1>
<h2>Site do Cliente</h2>
<h3>Bem vindo Allan - Você faz parte do grupo Super Administrador - Seu IP é: 127.0.0.1</h3>
</div>
<div id="headerright">
<a href="[http://www.upsolutions.com.br"](http://www.upsolutions.com.br) title="UP Solutions Agência Digital"></a>
</div>
</div>
<div class="headcornerwrapbottom">
<div class="cornerleftbottom"></div>
<div class="cornercontentbottom"></div>
<div class="cornerrightbottom"></div>
</div>
<div id="quebra_linha"></div>
<div id="conteudo_geral">
<div class="conteudo_total">
<div class="lateral_left">
<div class="data">
Abr<br /> <span style="font-size: 15pt; font-weight: bold;">09</span><br />
2010 </div>
<div class="users">
1<img alt="Usuários online no sistema" src="/admin/imagens/icones/on.gif" width="16" height="16" />
</div>
</div>
<div class="storycornerwrap">
<div class="storycornercontent"></div>
<div class="storycornerright"></div>
</div>
<div id="include">
<div class="bordaBox">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="conteudo">
<div id="top_conteudo">
<img alt="" src="/admin/imagens/topo_conteudo/up.png" width="48" height="48" />
</div>
<div class="title_conteudo">Gerenciador de Sites - UP Solutions</div>
<div id="menu_conteudo">
</div>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b></div>
<br />
<div class="content">
</div> </div>
<div class="storycornerwrapbottom">
<div class="storycornerleftbottom"></div>
<div class="storycornercontentbottom"></div>
<div class="storycornerrightbottom"></div>
</div>
</div>
</div>
<div class="sidecornerwrap">
<div class="sidecornerleft"></div>
<div class="sidecornercontentbottom"></div>
<div class="sidecornerright"></div>
</div>
<div id="menu">
<div align="left" id="search">
<ul>
<li style="margin-top: 0px;">
<form id="searchform" method="get" action="#">
<div>
<input name="s" id="s" size="11" type="text" />
<input src="/admin/imagens/icones/view.png" title="Pesquisar" alt="Pesquisar" style="margin: 0pt 0pt -5px 3px; width: 22px; height: 22px;" type="image" />
</div>
</form>
</li>
</ul>
</div>
<h3 align="center">MENU</h3>
<br />
<ul id="menu_lateral">
<li><a id="allborder" href="#up" title="Opções"><img class="img_menu" alt="" src="/admin/imagens/menu/viewsitex.png" width="24" height="24" />Opções</a>
<ul class="submenu_lateral">
<li><a title="Visualizar o site" href="/admin/../../">- Visualizar o site</a></li>
</ul>
</li>
<li><a href="#up" title="Administrar usuários"><img class="img_menu" alt="" src="/admin/imagens/menu/Profx.png" width="24" height="24" />Administrar usuários</a>
<ul class="submenu_lateral">
<li><a title="Editar minha conta" href="/admin/editar_user/">- Editar minha conta</a></li>
<li><a title="Listar usuários" href="/admin/listar_users/">- Listar usuários</a></li>
<li><a title="Adicionar usuário" href="/admin/cadastrar_user/">- Adicionar usuário</a></li>
</ul>
</li>
<li><a href="#up" title="Administrar grupos"><img class="img_menu" alt="" src="/admin/imagens/menu/groupx.png" width="24" height="24" />Administrar grupos</a>
<ul class="submenu_lateral">
<li><a title="Listar grupos" href="/admin/listar_grupos/">- Listar grupos</a></li>
<li><a title="Adicionar grupo" href="/admin/cadastrar_grupo/">- Adicionar grupo</a></li>
</ul>
</li>
<li><a href="#up" title="Correio"><img class="img_menu" alt="" src="/admin/imagens/menu/mailx.png" width="24" height="24" />Correio</a>
<ul class="submenu_lateral">
<li><a title="Caixa de entrada" href="/admin/correio/">- Caixa de entrada</a></li>
</ul>
</li>
<li><a href="#up" title="Administrar páginas"><img class="img_menu" alt="" src="/admin/imagens/menu/pagex.png" width="24" height="24" />Administrar páginas</a>
<ul class="submenu_lateral">
<li><a title="Listar páginas" href="/admin/listar_paginas/">- Listar páginas</a></li>
<li><a title="Adicionar página" href="/admin/cadastrar_pagina/">- Adicionar página</a></li>
</ul>
</li>
<li><a href="#up" title="Configurações"><img class="img_menu" alt="" src="/admin/imagens/menu/configx.png" width="24" height="24" />Configurações</a>
<ul class="submenu_lateral">
<li><a title="Mudar tema" href="/admin/mudar_tema/">- Mudar tema</a></li>
</ul>
</li>
</ul> </div>
<div class="sidecornerwrapbottom">
<div class="sidecornerleftbottom"></div>
<div class="sidecornercontentbottom"></div>
<div class="sidecornerrightbottom"></div>
</div>
</div>
<div class="rodape">
<cite>
Powered by <a href="[http://www.upsolutions.com.br"](http://www.upsolutions.com.br)><strong>UP Solutions</strong></a> | Versão 1.0 Beta
</cite>
</div>
</div>
</body>
</html>Carregando comentários...