View Full Version : Problema com float de uma div


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)

chantas
12-01-2008, 15:04
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.

hYpe
12-01-2008, 15:35
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.

hYpe
13-01-2008, 01:49
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.

hYpe
13-01-2008, 21:30
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:

hYpe
14-01-2008, 00:47
Np ;)

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?