locked
Centralizar Body RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar
    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar
    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar
    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
  • Question
    Entrar para Votar
    0
    Entrar para Votar
    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
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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