Ir para conteúdo
Fórum Script Brasil
  • 0

Centralizar div sem especificar a largura


labp

Pergunta

Olá!

Bem, centralizar uma div é fácil, mas todos os jeitos que achei precisavam especificar a largura da mesma, meu problema ta aí, a largura é incerta no meu caso.

Achei isso, funcionou, mas as divs com float não ficam na mesma linha:

<style>
div.setwidth {
border: 1px solid red;
width: 760px;
text-align: center; /* ie hack */
}

div.wrap {
display: table;
margin: 0 auto;
}

div.float {
border: 1px solid green;
display: table-cell;
float: left;
}

* html div.float { /* ie hack */
display: inline;
float: none;
}
</style>

<div class="setwidth">
<div class="wrap">
<div class="float">lorem</div>
<div class="float">variable width content ipsum</div>
<div class="float">lorem</div>
<div class="float">lorem</div>
</div>
</div>

Alguém sabe de alguma maneira que funcione??

Agradeço antecipadamente,

Luis Pacheco

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
<style>

div.setwidth {

margin:0 auto 0 auto; /* Centraliza sua DIV */

border: 1px solid red;

width: 760px;

text-align: center; /* ie hack */

}

Faz como citei acima. Setando o valor 0 auto 0 auto para a propriedade margin você faz com que o objeto fique centralizado.

Lembrando que o conteúdo interno do elemento(div) não vai ser centralizado junto com o mesmo. Para centralizar o conteúdo interno do elemento(div) deve-se utilizar a propriedade text-align ou até mesmo a propriedade margin com mesmo valor(0 auto 0 auto).

Abraço! :D

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...