DIV Sobreposta ao Layout
Olá. Estou com um layout para um salão de cabeleireiro aonde eu trabalho, e a barra do menu fica no topo, mas ela tem que estar sobreposta as outras div, mas não esta acontecendo isso. Ela fica acima delas. Alguem poderia me ajudar com esse problema. Abaixo o CSS e HTML.
CSS
#container{
width:850px;
position:absolute;
};
#menu{
background-image:url(images/menu_bg.png);
background-repeat:repeat;
width:850px;
height:66px;
position:relative;
display:block;
overflow: visible;
};
#lateraldireita{
float:right;
width:246px;
height:768px;
background-image:url(images/right.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
};
#lateralesquerda{
float:left;
width:249px;
height:768px;
background-image:url(images/left.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
};
#conteudo{
margin:auto;
border:medium #000000;
background-color:#000000;
font:normal;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
};
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>
<link rel="stylesheet" href="estilo.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cleide Regina Cabeleireira - Ao Seu estilo</title>
</head>
<body>
<div id="container">
<div id="menu">O menu com um monte de links pre determinados bem no topo</div>
<div id="lateraldireita">Lateral Direita</div>
<div id="lateralesquerda">Lateral Esquerda</div>
<div id="conteudo">Conteudo</div>
</div>
</body>
</html>Discussão (2)
Carregando comentários...