Conteúdo centralizado verticalmente, porém...

[incomuni 0]

Olha, sei que pode ser uma questão bizarra (ou cretina), mas vamos lá.

 

Pesquisando um pouco por aí (mais precisamente na Tableless - Orkut), encontrei esta solução que funciona na buena para conteúdo dinâmico (sei como fazê-lo quando se sabe seu tamanho exato)!! Como gosto de trabalhar com os estilos em arquivo externo, comecei a teclar o carinha. A parte mais bizarra diz respeito aos 2 div's que não possuem uma class, id ou seja lá o que for, como poderão perceber no código abaixo. Transcrevendo, segue abaixo:

 

Arquivo teste.css

.top {

position:absolute;

top:0px;

left:0px;

width:400px;

height:351px;

text-align:center;

background-color:#000000;

display:table;

}

 

Arquivo teste.php

<div class="top">

<div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">

<div style=" _position: relative; _top: -50%; _left: -50%">

<img src="imagem.jpg">

</div>

</div>

</div>

 

Então, como identificar corretamente e por estes 2 caras tbm no meu teste.css? Confesso que não sou mestre (ainda! rsrsrs) e minhas tentativas foram meio frustradas.

 

Obrigado pela atenção ;)

[Claudio Escudero 0]

Bom, pelo pouco conhecimento que eu tenho de css.Para colocar algum conteudo dinâmico, q podem variar de tamanho, você nao pode usar o position:absolute;Com ele ja fica definido o tamanho exato do div.

[incomuni 0]

Embora eu não saiba exatamente a altura e largura do conteúdo, ele nunca ultrapassa as medidas especificadas (400x351), o que acaba não influenciando. Minha dúvida é somente em como sacar estas 2 linhas em destaque e colocá-las no meu .cssObrigado pela atenção ;)