Conteudo da div aparece no dreamweaver e não em navegadores

Amanda Noronha AraÃºjo · Janeiro 31, 2012

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>
•	Literatura infantil
•	Literatura Juvenil
•	Livros por faixa etária 
•	Livros por coleção
•	Todo o catálogo
<li><a href="../autores.asp">Quem está no baú</a></li>
•	Autores
<li><a href="../distribuidores.asp">Ache o baú</a></li>
•	Distribuidores
<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;
}
.conteudo #lancamentos{
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;
}
ol, ul { list-style: none;}  

p {
size:8px
}



a:link {
text-decoration:none
}
a:visited {
	text-decoration:none
}
a:hover {
text-decoration:none

}
a:active {
text-decoration:none
}

obrigada!

Amanda Noronha AraÃºjo · Fevereiro 1, 2012

acessem também este link e perceba a diferença na apresentação das divs:

http://www.escalaeducacional.com.br/baudeideias/institucional.asp

não estou entendendo mais nada pois esta página foi montada baseada na home...só o conteudo da div "conteudo" que alterou.

E ai alguem sabe como me ajudar?

Atualização:

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 class="pai">
<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>


<div id="superbanner"></div>
<div id="menusup"><div align="center"><!-- #include file ="include/menusup.asp" --></div>
 <div id="menu">
 <span>Seção</span>
 <ul><li class="link"><a href="home.asp"> Home </a></li></ul>
<br /></div>
<div class="conteudo"><!-- #include file ="include/home.asp" --></div>

<div id="bottom">
 <!-- #include file ="include/mapa.asp" -->
 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 <!-- #include file ="include/rodape.asp" --></div>
</div>
</body>
</html>

CSS:

@charset "utf-8";

.pai {
 min-height:760px;
 position:relative;
}

body {
height:760px;
margin:0; 
padding:0;
background-image:url(../image/background.jpg);
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
position:absolute;
}


#grupo {
width:100%;
text-align: right;
font-size:14px;
background-color:#EED799;
padding:40px;
margin-bottom: 40px;
top:0;
   position:relative;
}

span {
background-color:#C96;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
}

/* TOP e seus sub itens */
.top {
width:100%;
text-align:center; 	 
padding:13px 0 0 0;
padding:40px;
margin-bottom: 20px;
position:relative;
dsiplay:inline;
background-color:#FFF;
}

.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 {
	width:100%;
    height:240px; 	
	text-align:center; 	 
	padding:40px;
	background-color:#FFF;
	position:relative;
}

#menusup {
width:100%;
height:150px; 
text-align:lefty; 	 
padding:20px;
paddin-bottom: 60px;
text-align:center;
position:fixed;
display:inline;
background-image:url(../image/barrasup.png) repeat-x;
overflow: hidden;
}

#menusup .a:hover{
color:#666
}

#menu { 
height:auto; 	
text-align:left; 	 
float:left;
position:relative;
padding:30px;
background-color:#EED799;
float:left;
top:10%;
margin:-5px auto 0;
overflow: hidden
}


/* INICIO CONTEUDO */

.conteudo {	
width:950px;
min-height:240px;
float:none;
background-color:#EED799;
top:10%;
margin:-2px auto 0;
overflow: hidden;
padding-bottom:60px;
}

.conteudo #tesouros{
width:930px; 
adding:0 0 50px 0; 
padding:13px 0 0 0;
background-color:#FFF;;
}

.conteudo #redes{
   width:930px; 
adding:0 0 50px 0; 
padding:13px 0 0 0;
background-color:#FFF;
}

.conteudo #lancamentos{
width:930px; 
adding:0 0 50px 0; 
padding:13px 0 0 0;
background-color:#FFF;
}

/* FIM CONTEUDO */

/* INICIO BOTTOM - RODAPE */

#bottom {
bottom:0;
   width:100%;
   text-align:lefty; 	 
float:left;
padding:40px;
background-color:#EED799;
display:inline-block;
clear:both;
bottom:0%;
}

#bottom .boxmap {
width:100%; 
float: none;
padding:13px 0 0 0;
display:inline-block;
text-align: left;
font-size:14px;
}

#bottom .boxmap #box1 { width:10%; float:left; padding: 20px; }
#bottom .boxmap #box2 { width:15%; float:left; padding: 20px; }
#bottom .boxmap #box3 { width:10%; float:left; padding: 20px; }
#bottom .boxmap #box4 { width:10%; float:left; padding: 20px; }
#bottom .boxmap #box5 { width:10%; float:left; padding: 20px; }
#bottom .boxmap #box6 { width:10%; float:left; padding: 20px; }
#bottom #rodape { float: none }


/* FIM BOTTOM - RODAPE */

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;
}
ol, ul { list-style: none;}  

p {
size:8px
}



a:link {
text-decoration:none
}
a:visited {
	text-decoration:none
}
a:hover {
text-decoration:none

}
a:active {
text-decoration:none
}

Entrar

Arquivado

Conteudo da div aparece no dreamweaver e não em navegadores

Recommended Posts

Amanda Noronha AraÃºjo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Amanda Noronha AraÃºjo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante