Francisco Leal 0 Denunciar post Postado Setembro 19, 2010 Tenho uma página simples em html, no internet explorer funciona legal o float:left, ja no mozila a div instrutores fica atras da div alunos, ja não sei mais o que fazer, não sei onde posso estar errando ou se ha alguma manha que eu ainda não sei.... Se alguem por gentileza souber por favor responde ae.. Vlw! index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Bem Vindo</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" type="text/css" href="css/index.css"/> </head> <body> <div id="content"> <div id="logo"></div> <div id="menu"> <div id="alunos"><img alt="" src="images/alunos.gif" /></div> <div id="instrutores"><img alt="" src="images/instrutores.gif" /></div> </div> </div> </body> </html> index.css #content{ position: absolute; width: 200px; height: 200px; background-image:url("../images/logo_empresa.gif"); top: 30%; left: 50%; margin-left: -100px; margin-top: -100px; } #menu{ position: absolute; width: 400px; height: 60px; top: 210px; left: -100px; } #alunos{ background-color: #00CC00; border: 1px black solid; width: 150px; height: 60px; float: left; } #instrutores{ background-color: #00A8E6; border: 1px black solid; width: 200px; height: 60px; } Compartilhar este post Link para o post Compartilhar em outros sites
Eliseu M. 2 Denunciar post Postado Setembro 19, 2010 Se der float:left; na DIV da esquerda, procura dar float:right; na DIV da direita. Ah, não trabalhe com posicionamento absoluto, é ruim por causa das resoluções diferenciadas. Tente trabalhar com tamanhos percentuais =] Compartilhar este post Link para o post Compartilhar em outros sites
Francisco Leal 0 Denunciar post Postado Setembro 19, 2010 Eliseu M. , funcionou perfeitamente, não havia pensado nessa possibilidade estou comencando em css, obrigado pela ajuda, poderia me dar um exemplo no caso ai de cima usando % que você citou, só pra eu perceber a diferença, se não for pedir muito. Vlw! Compartilhar este post Link para o post Compartilhar em outros sites