Problemas com espaçamento entre camadas
Olá,
estou tentando testar se consigo fazer um layout pra newsletter pro trabalho sem usar tabelas, coisa que eu nunca tinha feito :)
Só que não estou conseguindo colocar uma camada exatamente sobre a outra, sem espaços.
É para a newsletter ficar assim:
http://graalrpg.com/prototipos/acessanews/...-acreenshot.jpg
Só que está ficando assim:
http://graalrpg.com/prototipos/acessanews/news.htm
O CSS é esse:
/ CSS Document /
#news {
width: 650px;
}
#topo {
width: 650px;
text-align: center;
margin: 0px;
padding: 0px;
}
#meio {
width: 650px;
text-align: center;
border: 0px;
text-align: center;
background-image: url(imagens/acessanews_r2_c1.gif);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
clear: both;
}
#rodape{
background-image: url(imagens/acessanews_r3_c1.gif);
background-repeat: no-repeat;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="newscss.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="news">
<div id="topo">
<img src="imagens/acessanews_r1_c1.gif"><img src="imagens/acessanews_r1_c3.gif"><img src="imagens/acessanews_r1_c4.gif"><img src="imagens/acessanews_r1_c5.gif">
</div>
<div id="meio">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="rodape">
<p>Acesse o portal Acessa SP e confira muito mais!</p>
<p> </p>
</div>
</body>
</html>Alguém pode me ajudar?
Beijos.
Discussão (2)
Carregando comentários...