Background da DIV não aparece em nenhum navegador!
Boa noite, estuo criando uma página index para um site que estou desenvolvendo, está bem no começo e ainda estou apenas criando as DIVs que vou trabalhas, porém criei uma div chamada "barra_op" onde nela ficara um tipo de menu, então estou tentando colocar uma imagem de fundo (background) com uma altura referente a da div e uma largura de 7px, para então ela se repetir. No Dreamweaver ela aparece normalmente, mas quando vou visualizar em algum navegador ela não aparece, e se coloco algum conteúdo, só aparece o conteúdo. Por favor me ajudem.
Obs.: Sei que já existem alguns tópicos relacionados à esse problema, porém nenhum resolveu o meu problema, por isso estou postando um novo tópico com o meu html e o meu css.
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=utf-8" />
<title>VotuClick - Tudo o que você precisa, à um clique</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>
<body background="imagens/bg.png">
<div id="topo"></div>
<div id="#conteudo"></div>
<div id="#barra_op"></div>
</body>
</html>
CSS
@charset "utf-8";
#topo {
height: 200px;
width: 100%;
}
##conteudo {
height: 400px;
width: 100%;
}
##barra_op {
width: 100%;
height: 252px;
float: left;
background-image: url(../imagens/bg_barra_op.png);
}
Desde já agradeço a ajuda.
Discussão (8)
Carregando comentários...