Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Como podem observar aqui neste endereço http://meridiananet.com/demo/content/home/default2.asp a div#topo fica alinha à div#navegacao isso no IE já no firefox é exibido normalmente o que estou fazendo de errado?
Marcação CSS:
CODE
* {
margin:0;
padding:0;
}body {
text-align:center;
}div#wrapper {
margin: 0 auto;
text-align: left;
width: 740px;
}div#topo {
position: absolute;
width: 740px;
height: 265px;
z-index: 999;
background: url("../img/topo.png") !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/topo.png');
}div#conteudo {
float: right;
margin-top: 195px;
padding: 5px 5px 5px 10px;
width:507px;
background-color: #58AAED;
}div#principal {
float:left;
width:100%;
}div#navegacao {
float: left;
margin-top: 195px;
width: 208px;
height: 500px;
background-color: #58AAED;
}div#navegacao-interna {
position: absolute;
width: 164px;
height: 500px;
margin: 0 0 0 38px;
background-color: #DBEDFB;
}
Marcação HTML:CODE
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd%22)
<html xmlns="[http://www.w3.org/1999/xhtml"](http://www.w3.org/1999/xhtml) xml:lang="pt-br" lang="pt-br">
<head>
<title> New Document </title>
<link href="../../css/estilo.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper"> <!-- Centraliza página -->
<div id="topo">
</div>
<div id="conteudo"> <!-- Conteúdo da página -->
<div id="principal"> <!-- Textos do site -->
principal
</div> <!-- Textos do site -->
</div> <!-- Fim conteúdo da página -->
<div id="navegacao">
</div>
</div><!-- Fim centraliza -->
</body>
</html>
Obrigado.Carregando comentários...