Boxes com float right e left

[Jack Johnny 0]

Eu fiz o seguinte no CSS:

 

#conteudo { background:#FFF; width:500px; float:left; }
#ranking { background:#FFF; width:300px; float:right; }

 

E no HTML está assim:

 

	<div id="conteudo">a
</div>

<div id="ranking">a
</div>

 

Resultado no Google Chrome e no Firefox:

 

Resultado no Internet Explorer:

 

Como eu deixo alinhado no Internet Explorer também?

[ricardo_mc 19]

Você tem que ver se o somatório das duas DIVs não está "estourando" o layout.

 

No caso, você tem duas DIVs somando em 800px de largura. Como cada navegador interpreta os margins e paddings de cada tag de forma diferente, é preciso contornar isso.

 

Tente colocar o código abaixo para ver o que acontece.

 

div{margin:0;padding:0;}

 

Como dica para criar um site, use o CSS Reset. Essa é a melhor ferramenta para que você consiga chegar o mais próximo possível do "layout único", independente do navegador.

http://www.cssreset.com/

[Igor Oliveira Coronel 2]

Não existe nenhum elemento parente desses dois divs?

[MafnGamer 13]

Aí eu também faço essa mesma pergunta será que não tem um elemento parente? Porque a div #conteudo está subindo como se tivesse um elemento perto dela :thumbsup: