locked
Centralizar Body RRS feed

  • Pergunta

  • Boa Tarde!

    Quero definir um body de 80% de largura e centralizado, tirando 10% de cada lado, mas também queria que tudo o que tivesse dentro dele, fosse alinhado pela esquerda.

    Até agora não consegui fazer isso no css.

    Alguém pode me ajudar?

    Obrigada
    terça-feira, 15 de dezembro de 2009 19:49

Respostas

  • Consegui resolver aqui usando a lógica, ficou bom!

    dentro do css criei 2 'item class':

     

    body
    {
        height: 100%;
        width: 100%;
        text-align: center;
    }
    
    .subBody
    {
        text-align: left;
        width: 80%;
    }
    
    e dentro dos aspx e masterpage chamei esse subBody dentro do body usando panel:
    
    <body>
        <form id="Form1" method="post" runat="server">
            <asp:Panel ID="SubBody" runat="server" CssClass="subBody">
                <asp:Label ID="lblTeste" runat="server" Text="Teste:" />
            </asp:Panel>
        </form>
    </body>
    

     

     

     

     
    • Marcado como Resposta Juliana Machado quinta-feira, 17 de dezembro de 2009 16:53
    quinta-feira, 17 de dezembro de 2009 16:51

Todas as Respostas

  • Consegui resolver aqui usando a lógica, ficou bom!

    dentro do css criei 2 'item class':

     

    body
    {
        height: 100%;
        width: 100%;
        text-align: center;
    }
    
    .subBody
    {
        text-align: left;
        width: 80%;
    }
    
    e dentro dos aspx e masterpage chamei esse subBody dentro do body usando panel:
    
    <body>
        <form id="Form1" method="post" runat="server">
            <asp:Panel ID="SubBody" runat="server" CssClass="subBody">
                <asp:Label ID="lblTeste" runat="server" Text="Teste:" />
            </asp:Panel>
        </form>
    </body>
    

     

     

     

     
    • Marcado como Resposta Juliana Machado quinta-feira, 17 de dezembro de 2009 16:53
    quinta-feira, 17 de dezembro de 2009 16:51
  • Ola Amigo eu recomendo você estudar tableless fica mais facil administrar o sitema
    Legend Of Zelda N64,Gc,wii
    sábado, 27 de fevereiro de 2010 19:31
  • Juliana.

    Você não vai conseguir centralizar o body, essa tag representa o corpo do site e portanto ele sempre será 100%.

    O que é comum para centralizar é criar uma div principal e centralizá-la. Exemplo:

    #principal{

    width: 80%;

    margin: 0px auto;

    }

    #principal é o nome da div.

    No margin, perceba que a margem direita e esquerda eu coloquei auto, isso significa que é o browser que deverá calcular a margem, como resultado você terá a div centralizada.

    Para uma melhor explanação, veja o texto layout centralizado na página no meu blog.

    segunda-feira, 12 de abril de 2010 21:39