Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ilano

Ajustar altura das divs

Recommended Posts

Olá pessoal,

 

Tenho o seguinte html:

 

 

<%@ Master Language="VB" CodeFile="masterpage.master.vb" Inherits="administrador_masterpage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
<title></title>
<script src="../Funcoes.js" type="text/javascript"></script>
<script src="../CPF_CNPJ.js" type="text/javascript"></script>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; font-weight:bold; text-shadow: 2px 2px 0px #000000;}
</style>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div style="max-width:1366px; min-width:800px; max-height:768px; min-height:600px;">
<div style="height:100px; margin-bottom:10px;">
<div style="height:100px; width:50%; float:left; margin-left:10px; background-image:url('../imagens/logo.png'); background-repeat:no-repeat; background-position:left;">
<div style="width:70%; margin-top:10px; margin-left:120px; color:White;">
<div style="font-size:14px; font-weight:bold; text-shadow: 2px 2px 0px #000000;"><asp:Label ID="LbEmpresa"
runat="server"></asp:Label></div>
<div style="font-size:11px;">
<asp:Label ID="LbEndereco" runat="server"></asp:Label>
</div>
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
</div>
</div>
<div style="height:100px; width:45%; float:right; color:White; margin-right:10px; text-align:right; font-size:20px;">
<div style="margin-top:60px; text-transform:uppercase; text-shadow: 2px 2px 0px #000000;">
<asp:Label ID="LbForm" runat="server"></asp:Label>
</div>
</div>
</div>
<div style="margin-bottom:10px; font-size:11px; background-color:#B5C7DE;">
<asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE"
DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="10px"
ForeColor="#32485F" Orientation="Horizontal" StaticSubMenuIndent="10px">
<DynamicHoverStyle BackColor="#32485F" ForeColor="White" />
<DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
<DynamicMenuStyle BackColor="#B5C7DE" />
<DynamicSelectedStyle BackColor="#32485F" />
<StaticHoverStyle BackColor="#32485F" ForeColor="White" />
<StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
<StaticSelectedStyle BackColor="#507CD1" />
</asp:Menu>
</div>
<div class="div master">
<div style="height:20px;">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnableScriptGlobalization="True">
</asp:ToolkitScriptManager>
</div>
<div id="divRolagem" runat="server" style="margin-left:20px; margin-right:20px; overflow:auto; height:480px; ">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div style="height:20px;"></div>
</div>
<div style="margin-top:10px; text-align:center; color:Gray; text-shadow: 2px 2px 0px #000000;">Desenvolvido por Ilano Caldas Frota<br />
ilanocaldas@gmail.com.br</div>
<div style="height:20px;"></div>
</div>
</form>
</body>
</html>

 

Como faço para que a div (em vermelho) se mantenha da mesma altura para que a tela principal seja sempre exibida inteira na tela do computador, mas sempre obedecendo a resolução do monitor?

 

Grato pela ajuda,

 

Ilano.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá KhaosDoctor,

 

A questão é que quero que o cabeçalho e o rodapé fiquem sempre visíveis na tela inteira. Ao invés de a barra de rolagem aparecer no browser como normalmente ocorre na maioria dos sites, quero que a barra de rolagem fique apenas na div em destaque, ou seja, que ela seja redimensionada de acordo com a resolução do monitor de cada usuário. Não sei se deu para entender.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.