Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia,
Estou pesquisando a semanas aqui no fórum, ate achei muitos casos parecidos com o meu mas nada resolveu.
Teve uma div conteudo que aparece normalmente no dreamweaver como na imagem abaixo:
E no navegador somente aparece sua cor de fundo e vazia (aliás também para a minha div mapa, acesse o link: www.escalaeducacional.com.br/baudeideias
Já tentei de tudo e olho mil vezes para o código html e para o css e não identifico o erro vocês podem me ajudar?
segue 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Baú de Ideias</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="grupo"><!-- #include file ="include/grupoescala.asp" --></div>
<div class="top"><!-- #include file ="include/top.asp" --><br />
<div id="news"> <!-- #include file ="include/news.asp" --></div><br /><br />
<div id="busca"><!-- #include file ="include/busca.asp" --></div><br />
<div id="contatosup">
<img src="image/icon/faleconosco.png" width="40" hspace="40"/>
<img src="image/facebook.png" width="40" hspace="40"/>
<img src="image/twitter.jpg" width="40"hspace="40"/>
</div></div><br />
<div id="superbanner"></div>
<div id="menusup"><!-- #include file ="include/menusup.asp" --></div><br />
<div id="menu"><!-- #include file ="include/menu.asp" --></div>
<div class="conteudo"><!-- #include file ="include/home.asp" --></div><br />
<div class="mapa">
<div id="titulo">mapa do site</div><img src="image/icon/mapadosite.png" width="60" hspace="20"/>
<br /><br />
<div id="boxmap">
<ul><li><a href="../institucional.asp"> O baú de idéias </a></li>
<li><a href="../livros.asp"> O que tem no baú de idéias (livros) </a></li><li><a href="../cadastro.asp">Cadastro</a></li>
<li><a href="../contato.asp">Fale Conosco</a></li>
</ul></div></div>
<div id="rodape"><!-- #include file ="include/rodape.asp" --></div>
</body>
</html>segue css:
@charset "utf-8";
body {
margin:0;
padding:0;
background-image:url(../image/background.jpg);
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
position:absolute;
}
#grupo {
height:20px;
text-align: right;
font-size:14px;
padding:13px 0 0 0;
margin:10px;
background-color:#EED799;
position:relative;
}/ TOP e seus sub itens /
.top {
height:150px;
text-align:center;
padding:13px 0 0 0;
margin:10px;
background-color:#EED799;
position:relative;
}.top #news {
width: 500px;
heigth: 800px;
font-size:14px;
float: right;
background-color:#EED799;
}.top #busca {
width: 500px;
heigth: 800px;
float: right;
background-color:#EED799;
}.top #contatosup {
width:500px;
heigth:90px;
float: right;
background-color:#EED799;
}/ FIM TOP /
#superbanner {
height:240px;
text-align:center;
padding:13px 0 0 0;
margin:10px;
background-color:#EED799;
position:relative;
}
#menusup {
float: none;
text-align:center;
font-size:14px;
padding:13px 0 0 0;
margin:10px;
background-color:#EED799;
position:relative;
}#menusup .a:hover{
color:#666
}
#menu {
width: 160 px;
border: inherit;
float:left;
position:relative;
margin:0 0 0 20px;
background-color:#EED799;
}/ INICIO CONTEUDO /
.conteudo {
width:950px;
min-height: inherit;
float:right;
margin:0 0 0 110px;
padding:13px 0 0 0;
background-color:#EED799;
position:relative;
}.conteudo #tesouros #titulo {
width:800px;
float:right;
}.conteudo #tesouros{
width:930px;
float: none;
margin:10px;
padding:13px 0 0 0;
background-color:#FFF;
}.conteudo #redes #titulo {
width:800px;
float:right;
}.conteudo #redes{
width:930px;
float: none;
margin:10px;
adding:0 0 50px 0;
padding:13px 0 0 0;
background-color:#FFF;
}.conteudo #lancamentos #titulo {
width:800px;
float:right;
}width:930px;
float: none;
margin:10px;
adding:0 0 50px 0;
padding:13px 0 0 0;
background-color:#FFF;
}/ FIM CONTEUDO /
.mapa {
width:1100px;
text-align:lefty;
float:left;
margin:10px;
padding:20px 0 0 0;
text-align:left;
background-color:#EED799;
position:relative;
}.mapa #titulo {
width:1000px;
float:right;
}. mapa #boxmap {
width:800px;
float:right;
margin:0 0 0 20px;
float: none;
padding:13px 0 0 0;
}
#rodape {
width:1100px;
text-align:lefty;
float:left;
margin:10px;
padding:20px 0 0 0;
text-align:center;
background-color:#EED799;
position:relative;
}ul, li {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: inherit;
font-family: inherit; vertical-align: baseline; margin: auto;
}p {
size:8px
}
a:link {
text-decoration:none
}
a:visited {
text-decoration:none
}
a:hover {
text-decoration:none
}
a:active {
text-decoration:none
}
obrigada!
Carregando comentários...