Olá pessoal, sou novo aqui e também com HTML...estou com um problema com div, estou criando um esqueleto de uma pagina e o corpo não fica ande eu quero que fique, tipo cabeçalho acima, menu ao lado abaixo do cabeçaçho e o corpo abaixo do cabeçalho e ao lado do menu...
<html><head><title>Protheus</title>
<style type="text/css">
#cabecalho {
top:0px;
left:0px;
width:600px;
height:80px;
background-color:#ccc;
}
#corpo {
position: relative;
top: 80px
left:10px;
width:460px;
height: 100%;
background-color: #bbb;
}
#menu {
top:80px;
left:10px;
width:80px;
height: 800px;
background-color: #0cc
}
</style>
</head>
<body>
<div id="cabecalho">
<h1><img src="protheus logo4.jpg" width="200" height="150"></h1>
<div id="menu"><b>MENU</b></br>
<br><a href="pagina1.htm">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br></div>
<div id="corpo">
<p>Conteudo</p>
</div>
</body>
</html>
Problemas Com Div
Started By brace, 26/03/2007, 13:34
2 replies to this topic
#2
Andreia Regina
-
- Conselheiros
-
- 1347 posts
Veterano
- Sexo:Feminino
- Localidade:PR
- Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.
Posted 26/03/2007, 13:52
Primeiramente, seja bem-vindo à comunidade, esperamos que aprenda bastante e que também compartilhe seus conhecimentos conosco.
Com relação ao seu problema:
altere
Dica: ao postar código, coloque-os dentro da tag code (inserir code ou inserir código) facilita a visualização
Movendo de Artigos, Dicas e Tutoriais de (X)HTML, JS, CSS, Semântica e Tecnologias para CSS & Semântica
Com relação ao seu problema:
altere
<style type="text/css">
#geral{
width:100%;
}
#cabecalho {
width:600px;
height:80px;
background-color:#ccc;
}
#corpo {
position: relative;
float:right;
width:460px;
height: 100%;
background-color: #bbb;
}
#menu {
position: relative;
float:left;
width:80px;
height: 800px;
background-color: #0cc
}
</style>
</head>
<body>
<div id="geral">
<div id="cabecalho">
<h1><img src="protheus logo4.jpg" width="200" height="150"></h1>
<div id="menu"><b>MENU</b></br>
<br><a href="pagina1.htm">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br>
<br><a href="pagina1.html">Pagina1</a></br></div>
<div id="corpo">
<p>Conteudo</p>
</div>
</div> <!-- div geral -->
</body>
</html>Dica: ao postar código, coloque-os dentro da tag code (inserir code ou inserir código) facilita a visualização
Movendo de Artigos, Dicas e Tutoriais de (X)HTML, JS, CSS, Semântica e Tecnologias para CSS & Semântica
Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum
#3
brace
-
- Usuários
-
- 6 posts
Novato no fórum
- Sexo:Não informado
Posted 26/03/2007, 14:34
OK... Muito obrigado
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
