[Resolvido] qual é o erro?
Ola a todos;
to tendo uma dor de cabeça aqui com um código extremamente simples, só que não funciona e eu não sei o motivo.
O problema é que quando aplico o css sobre as divs, dizendo para as margens terem um certo estilo, o navegador ignora o que eu coloquei lá.
Todas as outras propriedades do css funcionam, menos a margin.
Segue o código:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1" />
<title>Tutorial de HTML</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
<body>
<div id="conteiner">
TUTORIAL DE HTML
<div id="links">
Menu
<ul>
<li><a href="index.html">O que é HTML</a></li>
<li><a href="tags.html">Tags e Elementos</a></li>
<li><a href="estrutura.html">Estrutura Básica de uma Página HTML</a></li>
<li><a href="css.html">CSS</a></li>
<li><a href="boxModel.html">Box Model</a></li>
</ul>
</div>
<div id="conteudo">
</div>
Criado por André Marcondes Teixeira
</div>
</body>
</html>estilo.css
body {
font-family: arial, verdana, sans-serif
}
div {
margin: 1px dotted #000
}
Testei o código com as últimas versões do chrome e do firefox e em ambos os navegadores, as margens que declaro no css são ignoradas.
Ja tentei mudar o doctype e a codificação e também não funcionou.
Quanto vejo no navegador os estilos do elemento, aparece "margin: 1px dotted #000 ", como se o navegador estivesse ignorando a regra css.
Espero que alguém saiba qual é o problema, porque para mim é um verdadeiro mistério :-p
Discussão (4)
Carregando comentários...