Centralizar div verticalmente que estica

[André do Vale 76]

Tipo, lendo vários e vários tópicos, aprendi a centralizar a div verticalmente, mas esta com uma altura fixa...Porém, um exemplo, tenho uma div de 400 de altura, para centralizar ela verticalmente teria q ficar assim né:{height: 400px;top: 50%;margin-top: -200px;}Masssss... eu tenho uma div que estica de acordo com o conteúdo... pego essa div de 400 por exemplo, e com talconteúdo que ela fique em um tamanho de 500px... (na minha tela ainda não cria barra)...Então, minha dúvida é, como manter a div sempre centralizada, esticando ou não (verticalmente e quando ta sem barra né)...Brigadão a quem puder ajudar...

[Hunter_ 0]

Somente substituir os valores absolutos em px por valores relativos em %.

[André do Vale 76]

uhm... então no caso, seria:

 

{

height: 100%;

top: 50%;

margin-top: -50%;

}

 

 

???

 

obrigado pela atenção http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

[webflex 0]

Olá,

 

Exactamente, seria basicamente isso :D.

 

Cumps [*]

[Hunter_ 0]

O problema como sempre é o MSIE, ele não aceita height: 100%

[André do Vale 76]

uhm... então o lance de 100% não funciona né? ... pq eu quero q pegue somente o tamanho do conteúdo, e não 100% da janela...outra dúvida, como eu faço pra uma div esticar juntamente com a div do lado? (teria como?)

[adventure 0]

Esticar com a div do lado? seria um layout fluido???Detalhe melhor sua dúvida, assim fica mais fácil encontrar uma solução.Até

[André do Vale 76]

Bom, exemplificando:São duas divs, um menu e o conteúdo... de acordo com o q o conteúdo aumenta, a div menu continua pequena...porém, eu gostaria que o menu esticasse junto com o conteúdo... mas não usando falsas colunas...eu to tentando isso, pq o menu tem uma borda inferior meio arredondada... e queria q ela fosse lá pra baixo tb...se não entenderem eh só falar q faço um desenho no paint (rsrs)...obrigado ae...

[adventure 0]

Maneira 1:Criar uma div que englobe o menu e o conteúdo chamada de moldura ou algo parecido.Dentro desta div moldura coloque as duas colunas, a esquerda (menu) e a direita (conteúdo).Quando a coluna conteúdo aumentar a coluna menu NÃO irá acompanhar a altura, mas não tem problema porque a borda arredondada está na moldura.Maneira 2:Usar apenas as divs conteúdo e menu, colocar as bordas arrendondas na div conteúdo e colocar a div menu dentro da div conteúdo e usar um float left.Até

[André do Vale 76]

nossa, maneira interessante que realmente nem passou perto da minha imaginação hehe..mais tarde em casa, vou tentar das 2 maneiras....mto obrigado ae...

[André do Vale 76]

para não criar outro tópico, eu tenho uma dúvida qnt (seria semantica?)...é tipo, é errôneo o uso da tag <br /> ??se sim, qual artificio posso usar para pular uma imagem para baixo da outra por exemplo? lista?

[Guilherme Rambo 4]

A tag br não tem problema nenhum, dependendo do caso você usa ela pra pular uma linha, em outros casos pode botar display:block no elemento que quer que desça...Geralmente eu uso br nos textos, e para descer inputs, imgs, etc uso display block[]'s

[André do Vale 76]

então aí eu teria q definir uma id pra img, e fazer o display:block no css né?

[Guilherme Rambo 4]

Sim, ou pode criar uma classe que defina apenas o display e utilizá-la em todos os elementos que precisar... Ou ainda utilizar a tag <br />... Faça do jeito que ficar mais prático pra você[]'s

[André do Vale 76]

uhm, obrigado pela ajuda ae...agora, outra dúvida (malzzzz hehe)...flash, existe alguma maneira de validar um flash na página?obrigado de novo... :D

[webflex 0]

Olá,

 

Que eu tenha conhecimento, não existe :|.

 

Cumps [*]

[Guilherme Rambo 4]

Solução: Não use flash ao menos que necessite dele para o bom funcionamento do site. Se for só pra "ficar bonitinho" naum usa[]'s

[Hunter_ 0]

Caso ache interessante, veja essa tradução de artigo feita pelo mestre Maujor:

 

Adeus Tag Embed

 

Vale uma boa lida e também nos links q estão contidos no artigo.