Centralizar div sem especificar a largura

[labp]

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

[Guest Visitante]

width: auto

--------------------------

criação de sites

criação de logotipos

[labp]

Tb não resolve amigo, já tentei...

[kuroi]

ue, copiei o seu codigo aqui, e pra mim ficou assim, tanto no ff quanto no ie:

não ta certo?? como você queria q ficasse??

[Geleiaskt]

<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