1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Expansão Vertical de floated divs

Discussão em 'Web Development' iniciada por kronozord, 31 de Julho de 2012. (Respostas: 7; Visualizações: 784)

  1. kronozord

    kronozord Power Member

    Tenho duas div nested dentro de uma outra que serve de container. Uma está float: left e a outra float: right.
    Já consegui expandir o container de modo a conter as 2 div atraves de overflow:hidden; height:1%, o problema e que elas não ocupam todo o espaço vertical disponivel . Como tenho diferentes conteudos em cada uma elas, ambas ficam com tamanhos diferentes.
    Já tentei por height: 100%; mas acho que isto não existe.
    Existe algum modo de por as duas colunas a ocupar todo o espaço vertical sem especificar o tamanho em pixeis?
     
  2. tonebiclas

    tonebiclas Power Member

    isso só funcionará se o container tiver o posicionamento absoluto, acho que ele não quer isso


    pesquisa por "equal height columns", encontras muita info e muitas maneiras de o fazer
     
  3. ByMySlf

    ByMySlf Power Member

    Ora nem mais...
     
  4. Cunha00

    Cunha00 Power Member

    E se eu quiser o div countainer com uma largura de 900px por exemplo e centrado na página?
     
  5. ImAnAlcoholic

    ImAnAlcoholic Power Member

    http://jsfiddle.net/ZAj5d/2/
     
  6. ByMySlf

    ByMySlf Power Member

    Se bem entendi o que pretendes:

    Código:
    .container{
    width:900px;
    margin:0px auto;
    }
    
     
  7. kronozord

    kronozord Power Member

    Obrigado a todos :)
    Não esperava tanto!
     

Partilhar esta Página