[Resolvido] problema com css

denisx · Dezembro 31, 2011

Ola entao estou desenvolvendo um site, e o topo seria fixo ( seria aqueles sites one page) so que quando coloco position absolute, eu crio uma div ocnteudo e coloca margem top para o conteudo que começar do site nao fique em baixo do topo, mas o problema e que o topo ta pegando essa margem pra ele olhem:

CSS

#topo {
width:900px;
height:auto;
position:absolute;
}


#conteudo{
height:auto;
width:900px;
margin-top:90px;
	}

html


<body>

   <div id="topo">
       <div id="logo">        </div>
       <nav id="menu">
         <ul >
              <li ><a  href="#">Home</a ></li >

          </ul >
      </nav>
   </div>




   <div id="conteudo">
   ghghgfhfgh
   </div>



</div>
</body>

William Bruno · Dezembro 31, 2011

utilize padding-top no lugar do margin-top

e coloque um top 0 no topo

Caio Eduardo · Dezembro 31, 2011

Se não me engano, você teria que usar o "position:fixed", não?

Fiz esse exemplo aqui e funcionou:

<!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>Untitled Document</title>
<style type="text/css">
#topo {
	background:#063;
	float:left;
	height:200px;
	margin:0 auto;
	position:fixed;
	width:950px;
}
#conteudo {
	background:#06C;
	float:left;
	height:1000px;
	margin:0 auto;
	width:950px;
}
</style>
</head>

<body>
<div id="topo"></div>
<div id="conteudo"></div>
</body>
</html>

Da uma olhada.

denisx · Janeiro 1, 2012

E realemnte eu meio q boiei no "position:absolute", vlw ai :P :natallaugh:

Entrar

Arquivado

[Resolvido] problema com css

Recommended Posts

denisx 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Caio Eduardo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

denisx 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

printf iniciante básico

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante