Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
como posso fazer com que dois divs fiquem lado a lado, sem que os divs filhos "saiam" do div pai?
já procurei no forum, mas nao achei nada
nao sei se é alguma coisa do IE (no IE 8 fica igual ao Firefox, sem altura... no IE7 fica uma altura ainda, mas nao sei como)
alguem pode me ajudar?
<!-- Este fica lado a lado, mas o div pai perde a altura (nao mostra o background preto) -->
<div style="background-color: black; ">
<div style="float: left; ">
<img src="" width="30" height="30" />
</div>
<div style="float: left;">
<img src="" width="30" height="30" />
</div>
</div>
<br><br><br><div style="background-color: black; ">
<div>
<img src="" width="30" height="30" />
</div>
<div>
<img src="" width="30" height="30" />
</div>
</div>Ou então a div pai ter display table ou ter float left tb.
A div pai já tem display: block, por default, afinal é uma DIV ..
E colocar float left nela, não resolve diretamente o problema.. pois pode prejudicar outros trechos do layout.. já que você ai vai começar à mecher com o fluxo do documento, q não precisava..
Acredito que display: table, existe para esses casos... mas não indico usar.
A solução com o clear, é a mais bem aceita. :lol:
HEhe eu iria falar table e acabou saindo block.
Sobre o float realmente depende de como está a estrutura. Se ela esta toda baseada no float não terá problema, senão realmente usa o clear, mas as vezes o clear dá umas dores de cabeça.
valeu, galera.. obrigado pelas respostas!
queria resolver somente com as tags que utilizo, mas vou tentar com o div com clear...
ps: desculpem, moderadores, se voces já responderam, mas nao achei o que eu precisava (é muito dificil achar e nao custa nada responder).
obrigado!
>
queria resolver somente com as tags que utilizo, mas vou tentar com o div com clear...
ps: (é muito dificil achar e nao custa nada responder).
Eu respondi ne?! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif clear é uma propriedade CSS.
Ainda acho que essa é a melhor forma. Integre essa propriedade ao teu vocabulário. http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif
o clear é bem útil.
valeu, william...
funcionou como eu queria e eu já conheco o clear, mas "semanticamente" como alguns falam, não deveria ser utilizado para "gambiarras"... mas tudo tem 1001 utilidades, né?
abraço!
ah, quando disse solução somente com as tags que utilizo, é nao ter que colocar mais um div só para isso... valeu!
Já respondemos isso algumas vezes, mas vamos lá.