Biofobico
12-01-2008, 12:08
Estou aqui com um problema e não consigo atinar. Pretendo posicionar 2 divs e para isso fiz assim:
#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.
http://img442.imageshack.us/img442/4011/divsob2.th.jpg (http://img442.imageshack.us/my.php?image=divsob2.jpg)
Experimenta colocar "float: left" no #teste1.
Dps diz qq coisa.
Abraço
Biofobico
12-01-2008, 15:27
Experimenta colocar "float: left" no #teste1.
Dps diz qq coisa.
Abraço
Já tinha experimentado isso também e não funciona.
Sem saber como e' q suposto elas ficarem e' complicado..
Faz ai um bonequinho.
Biofobico
12-01-2008, 19:11
Sem saber como e' q suposto elas ficarem e' complicado..
Faz ai um bonequinho.
Não fiz bonequinho, mas coloquei uma imagem.
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.
Biofobico
13-01-2008, 03:39
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.
Eu quero que elas fiquem lado a lado. A imagem que coloquei é como as tenho.
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.
Biofobico
13-01-2008, 22:21
Poe float: left no test1 e tira o margin-right..
Obrigado :x2: era mesmo isso. Nem acredito que desatinei numa coisa tão simples...:016:
ninja_corp
14-01-2008, 09:16
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?