Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>#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;
}Carregando comentários...