none
ajustar altura da div RRS feed

  • Pergunta

  • 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">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <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" />
    
        <script type="text/javascript">
    
            //pega a largura da resolução da tela
            var width = screen.width;
            //pega a altura da resolução da tela
            var height = screen.height;
    
            //verifica se a resolução dará uma boa visão do site
            if (width <= 800 || height <= 600)
                alert("A resolução da tela do seu monitor é " + width + "x" + height + ". Para visualizar o site é recomendado uma resolução de no mínimo 1024x768.");
            else
                alert("A resolução da tela do seu monitor é " + width + "x" + height + ".");
    	
        </script>
    
        <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>
            <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-;">
                    <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>
                </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 style="height:350px; margin-left:20px; margin-right:20px; overflow:scroll; ">
                    <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>

    Se vocês perceberem tenho um javascript que pega a resolução do monitor do usuário. A pergunta é:

    Como utilizo esta função para ajustar a altura (height) da div abaixo de acordo com a resolução recuperada pelo javascript para para que a tela fique completa no monitor?

    <div style="height:350px; margin-left:20px; margin-right:20px; overflow:scroll; ">
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
            
                    </asp:ContentPlaceHolder>
                </div>

    Grato,

    Ilano.

    terça-feira, 18 de junho de 2013 23:00

Todas as Respostas