Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fernandiinhoo

DIV Sobreposta ao Layout

Recommended Posts

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta tirar o ponto e vírgula no final de cada estilo. :thumbsup:

Tirando os pontos e virgulas do final dos estilos me resolveu outro problema que era o layout que naõ aparecia no navegador! Mas agora a lateral direita sumiu oO. #Tenso. Fazendo alguns testes!

 

Obrigado! :joia:

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.