locked
Posicionamento de DIV RRS feed

  • Pergunta

  • Olá, eu estyo tendo problemas para pocisionar os divs usando float... a estrutura é um DIV no topo pegando a linha toda, um div no canto esquerdo com 130 px, para o menu, um div que pegue o resto da "linha" para o conteúdo, e embaixo um div para o rodapé, onde mora o problema, pois o conteúdo do div do menu passa por cima do rodapé... vou postar o código







    Adoro ASP.net
    sexta-feira, 27 de fevereiro de 2009 14:42

Todas as Respostas

  • <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Default.master.vb" Inherits="SysEstoque._Default" %>

    <!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>
        <asp:ContentPlaceHolder ID="contentHead" runat="server">
        </asp:ContentPlaceHolder>
    </head>
    <body>
        <form id="form1" runat="server">
        <div class="TopDiv">
            Título</div>
        <div class="LeftDiv">
            <asp:Menu ID="leftMenu" runat="server">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Principal" />
                </Items>
            </asp:Menu>
            </div>
        <div class="MainDiv">
            <asp:ContentPlaceHolder ID="contentBody" runat="server" />
        </div>
        <div class="BottomDiv">
            Banner inferior</div>
        </form>
    </body>
    </html>

     

    .TopDiv
    {
        border: solid 1px #000000;
        display: block
    }
    .LeftDiv
    {
        width: 70px;
        display: block;
        float: left;
        
    }
    .MainDiv
    {
        display: block;
    }
    .BottomDiv
    {
        border: solid 1px #000000;
    }

     

     


    Adoro ASP.net
    sexta-feira, 27 de fevereiro de 2009 14:43
  • Paulo .....

    faz o seguinte....

    tente fazer o layout com o StyleSheet.

    e no StyleSheet vc monta todas as div com o tamanho correto....

    quando vc for fazer uma coluna, tente fazer o width com porcentagem...

    por exemplo..

    ==============================================================================================

    body
    {
        margin:0px;
        padding:0px;
    }
    #header
    {
        background-color:#0f0;
        width:100%;
        height:100px;
    }

    #leftcolumn
    {
        background-color:#f00;
        float:left;
        width:20%;
        height:800px;
    }

    #content
    {
        background-color:#fff;
        float:left;
        width:59%;
        height:500px;       
    }

    #rightcolumn
    {
        background-color:#f00;
        float:right;
        width:20%;
        height:800px;
    }

    #footer
    {
        background-color:#0f0;
        clear:both;
        width:100%;
        height:100px;
    }
      

    ================================================================================================

    blz....

    qqr coisa e so falar...

    abraços.














    domingo, 8 de março de 2009 17:23
  • O rapaz, vou tentar aqui agora... muito obrigado!
    Adoro ASP.net
    segunda-feira, 9 de março de 2009 00:48