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

Problema com float de uma div

Discussão em 'Web Development' iniciada por Biofobico, 12 de Janeiro de 2008. (Respostas: 10; Visualizações: 970)

  1. Biofobico

    Biofobico Power Member

    Estou aqui com um problema e não consigo atinar. Pretendo posicionar 2 divs e para isso fiz assim:

    Código:
    #container {
        width: 780px;
    }
    #container #teste2 {
        background-color: #0000FF;
        float: right;
        width: 280px;
    }
    #container #teste1 {
        background-color: #00FF00;
        margin-right: 280px;
    }
    O problema é que não faz o float convenientemente.

    [​IMG]
     
  2. chantas

    chantas Power Member

    Experimenta colocar "float: left" no #teste1.

    Dps diz qq coisa.

    Abraço
     
  3. Biofobico

    Biofobico Power Member

    Já tinha experimentado isso também e não funciona.
     
  4. hYpe

    hYpe [email protected] Member

    Sem saber como e' q suposto elas ficarem e' complicado..

    Faz ai um bonequinho.
     
  5. Biofobico

    Biofobico Power Member

    Não fiz bonequinho, mas coloquei uma imagem.
     
  6. hYpe

    hYpe [email protected] Member

    Mas a imagem e' como queres q elas fiquem ou como elas estão com o codigo q tens.

    Poe uma imagem de como é q queres q elas fiquem.
     
  7. Biofobico

    Biofobico Power Member

    Eu quero que elas fiquem lado a lado. A imagem que coloquei é como as tenho.
     
  8. hYpe

    hYpe [email protected] Member

    Poe float: left no test1 e tira o margin-right..

    Se mesmo assim nao resultar, poe float: left nas duas e força width: 500px na teste1.
     
  9. Biofobico

    Biofobico Power Member

    Obrigado :x2: era mesmo isso. Nem acredito que desatinei numa coisa tão simples...:007:
     
  10. hYpe

    hYpe [email protected] Member

  11. ninja_corp

    ninja_corp Power Member

    Boas... bem parece que ja esta resolvido, contudo fica aqui uma explicação para futuras dúvidas:

    Se queres posiconar duas divs dentro de uma div "container" usando o float, a soma da largura dessas divs tera de ser igual ou inferior á largura da div "container", caso contrário, o browser ao renderizar, passa-a emediatamente para baixo!

    entao se:

    #container{
    width: 1000px;
    }
    #div1{
    width: 500px;
    float: left;
    }
    #div2{
    width: 500px;
    float: left;
    }
    Se assim for... consegues por as duas lado a lado, se xistir uma terceira:
    #div3{
    width: 500px;
    float: left;
    }
    Esta irá aparecer por baixo (na vertical, não em profundidade) da div#1!

    Certo?
     

Partilhar esta Página