problemas com espaço em acima da body

Carl2512 · Abril 16, 2014

boa noite amigos do Imasters;
hoje estava testando o novo layout do site, e enviei o html, php, css, o servidor de hospedagem só para verificar como vai ficar online; porem quando acabei de enviar , o site ficou com um espaço entre o navegador e a body ,
por isso peço ajuda a vocês ,
fiz tudo que faço normalmente na criação dos sites, as paginas foram criadas sem incluir a assinatura unicode BOM,
mas nada resolveu, testei em dois localhost diferentes: wamp serv e XAMPP , e nos dois rodam normalmente sem o espaço;
agradeço desde já se puderem me ajudar.

segue o código:

<?php

ob_start(); session_start();

require('dts/dbaSis.php');

require('dts/getSis.php');

require('dts/setSis.php');

require('dts/outSis.php');

include("js/analyticstracking.php");

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Tá na Rede Imóveis</title>

</head>

<body>

<!--[if IE]>

#header .menu li{display:inline; float:left; margin:-1px 0; border-right:1px solid; color:#FFF;}

#header .menu li a{font:18px Arial; color:#FFF; text-decoration:none; padding:7.9px 39.2px; float:left;}

#conteudo .vendas .border{margin:-20px 1px 0 1px;}

#conteudo .vendas .inter li .titulo{background:#FFF;}

#conteudo .vendas .inter li .preco{background:#000;}

#conteudo .vendas .inter li .detalhes{background:#FFF;}

</style>

<![endif]-->

<?php setArq('nav/header');?>

<?php getHome();?>

</div>

<h1>Destaques</h1>

<?php for($i=0;$i<24;$i++):?>

<li><a href="#"><img src="<?php setHome();?>/nav/ico/11631_32x32.png" width="15" height="15" />Beach Park Living</a></li>

<?php endfor;?>

</div>

</ul>

</div>

</div>

</body>

<?php

require_once('js/jscSis.php');

ob_end_flush();

?>

</html>

segue o CSS

/*

TÁ NA REDE IMÓVEIS - SITE IMOBILIÁRIO

DESENVOLVIDO POR: CARLOS ALEXANDRE RIBEIRO

START: configurações gerais

*/

/*RESET*/

*{margin:0; padding:0;}

body{background:#54A8E7 url(imagem/topo.png) top repeat-x;}

/*GERAL*/

#site{width:1000px; margin:0 auto;}

/*HEADER*/

#header{width:1000px; height:72px; float:left;}

#header .logo{width:330px; float:left;}

#header .login form{float:right;}

#header .login form label{ float:left; margin:7px 15px 2px 3px;}

#header .login form span{font:12px Arial; color:#FFF;}

#header .login form input{width:149px; height:20px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#1B2643; border:1px solid #FFF;}

#header .login form .btn{width:51px; height:22px; background:#00AFF0; border:1px solid #11182B; border-radius:4px; margin:7px 3px 2px 3px;}

#header .login form .btn:hover{background:#20C1FF; border:1px solid #FFF;}

/*HEADER MENU*/

#header .menu{width:1000px; height:35px; list-style:none; float:left}

#header .menu .bord{border-right:none;}

#header .menu li{display:inline; float:left; margin:3px 0; border-right:1px solid; color:#FFF;}

#header .menu li a{font:18px Arial; color:#FFF; text-decoration:none; padding:7px 39.2px; float:left;}

#header .menu li a:hover{background:#00AFF0;}

/*NAV*/

#nav{width:998px; height:232px; float:left; background:#0070A6; margin:0 1px;}

/*SLIDE*/

#nav .slide{width:788px; height:214px; float:left; background:#FFF; margin:2px 2px; border-radius:3px; padding:4px; position:relative;}

#nav .slide{box-shadow:#fff 0 4px 5px 2px; -webkit-box-shadow:#fff 0 4px 5px 2px; -moz-box-shadow:#fff 0 4px 5px 2px;}

#nav .slide{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:788px; margin-bottom:25px;}

#nav .slide img{ border-radius:4px;}

#nav .slide ul{float:left; list-style:none; width:788px; height:214px; overflow:hidden;}

#nav .slide ul li{float:left; position:relative; width:788px; height:214px;}

#nav .slide ul li .info{position:absolute; top:145px; left:5px; z-index:99;}

#nav .slide ul li .info .titulo a{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; max-width:500px;}

#nav .slide ul li .info .titulo a{font:bold 16px Arial, Helvetica, sans-serif; color:#FFF; padding:10px; background:rgba(0,0,0,0.8);}

#nav .slide ul li .info .titulo a{text-decoration:none;}

#nav .slide ul li .info .titulo a:hover{background:#E21F26;}

#nav .slide ul li .info .preco a{padding:10px; background:rgba(255,255,255,0.5); margin-top:7px; text-decoration:none; width:210px;}

#nav .slide ul li .info .preco a{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; max-width:600px;}

#nav .slide ul li .info .preco a{font:bold 13px Arial, Helvetica, sans-serif; color:#333; float:left;}

#nav .slide ul li .info .preco a:hover{background:#319CA2; color:#FFF;}

#nav .slide .slidenav{position:absolute; right:15px; top:15px; z-index:99;}

#nav .slide .slidenav a{background:url(images/btn-slide.png) top no-repeat; display:block; padding:6px 10px 4px; margin-bottom:8px;}

#nav .slide .slidenav a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

#nav .slide .slidenav a{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}

#nav .slide .slidenav a:hover{background:url(images/btn-slide.png) bottom no-repeat;}

#nav .slide .slidenav a.activeSlide{background:url(images/btn-slide.png) bottom no-repeat;}

/*BUSCA*/

#nav .busca{width:198px; float:left;}

#nav .busca form label{display:block;}

#nav .busca form select{width:170px; height:26px; margin:7px 0 0 13px; border-radius:3px; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#444;}

#nav .busca form input{font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF;}

#nav .busca form .btn{width:55px; height:24px; background:#00AFF0; border:1px solid #0070A6; border-radius:4px; margin:5px 3px 0 72px;}

#nav .busca form .btn:hover{background:#20C1FF; border:1px solid #FFF;}

/*CONTEUDO*/

#conteudo{width:1000px; float:left; position:relative; overflow:hidden; background:#FFF}

/*VENDAS*/

#conteudo .vendas{width:1000px; height:225px; float:left; margin:3px 0;}

#conteudo .vendas h1{background:#0070A6; float:left; font:18px arial; color:#FFF; border-radius:4px 4px 0 0; margin:0 1px; padding:3px;}

#conteudo .vendas .border{width:998px; border-bottom:5px solid #0070A6; float:left; margin:0 1px;}

#conteudo .vendas .inter{float:left; list-style:none; width:1000px; height:194px; overflow:hidden;}

#conteudo .vendas .inter .cont{float:left; display:inline; width:197px; height:216px; margin:0 1px; overflow:hidden;}

#conteudo .vendas .inter .cont li{

-webkit-transition: all 700ms linear 15ms;

-moz-transition: all 700ms linear 15ms;

-o-transition: all 700ms linear 15ms;

transition: all 700ms linear 15ms;

}

#conteudo .vendas .inter li{float:left; width:197px; height:210px; margin:3px 0 0 2px; position:relative;}

#conteudo .vendas .inter li:hover{width:85px; height:126px; margin-bottom:0;}

#conteudo .vendas .inter li img{float:left; margin:0 2px; border-radius:6px; border:0}

#conteudo .vendas .inter li .preco{position:absolute; top:5px; right:-59px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;}

#conteudo .vendas .inter li .preco{padding:5px; background:rgba(255,0,0,0.7); border-radius:4px;}

#conteudo .vendas .inter li .titulo{position: absolute; left:9px; bottom:-10px; padding:5px 3px; background:rgba(255, 255, 255, 0.8); border-radius:4px 4px 0 0;}

#conteudo .vendas .inter li .titulo{float:left; width:172px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}

#conteudo .vendas .inter li .detalhes{position: absolute; left:9px; bottom:-56px; padding:5px 3px; background:rgba(255, 255, 255, 0.8); border-radius:0 0 4px 4px;}

#conteudo .vendas .inter li .detalhes{float:left; width:172px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}

/*LOCAÇÃO*/

#conteudo .loca{width:1000px; height:196px; float:left; margin:3px 0;}

#conteudo .loca h1{background:#0070A6; float:left; font:18px arial; color:#FFF; border-radius:4px 4px 0 0; margin:0 1px; padding:3px;}

#conteudo .loca .border1{width:998px; border-bottom:5px solid #0070A6; float:left; margin:0 1px;}

#conteudo .loca .inter{float:left; list-style:none; width:1000px; height:163px; overflow:hidden;}

#conteudo .loca .inter .conte{float:left; display:inline; width:164px; height:181px; margin:0 1px; overflow:hidden;}

#conteudo .loca .inter .conte li{

-webkit-transition: all 700ms linear 15ms;

-moz-transition: all 700ms linear 15ms;

-o-transition: all 700ms linear 15ms;

transition: all 700ms linear 15ms;

}

#conteudo .loca .inter li{float:left; width:161px; height:171px; margin-right:11px; margin-top:3px;; position:relative;}

#conteudo .loca .inter li:hover{width:62px; height:256px; margin-bottom:0;}

#conteudo .loca .inter li img{float:left; margin:0 3px; border-radius:6px; border:0}

#conteudo .loca .inter li .preco{position:absolute; top:130px; right:-80px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;}

#conteudo .loca .inter li .preco{width:110px; padding:5px 3px; background:rgba(0,175,240,0.8); border-radius:4px}

#conteudo .loca .inter li .titulo{position: absolute; left:9px; bottom:220px; padding:5px 3px; background:rgba(255, 255, 255, 0.8); border-radius:4px 4px 0 0;}

#conteudo .loca .inter li .titulo{float:left; width:143px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}

#conteudo .loca .inter li .detalhes{position: absolute; left:9px; bottom:174px; padding:5px 3px; background:rgba(255, 255, 255, 0.8); border-radius:0 0 4px 4px;}

#conteudo .loca .inter li .detalhes{float:left; width:143px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}

/*REDE*/

#conteudo .rede{ width:494px; height:246px; float:left; margin:4px 1px 0 1px; border:1px solid #1B2643; border-radius:4px 0 0 0; background:#0070A6;}

#conteudo .rede:hover{background:#0098E1}

#conteudo .rede h1{float:left; font:18px arial; color:#FFF; margin:0 7px ; padding:1px;}

#conteudo .rede .inter{float:left; list-style:none; width:478px; height:214px; overflow:hidden; margin:0 8px; background:#FFF; border-radius:10px;}

/*REDE*/

#conteudo .noticias{ width:496px; height:246px; float:left; margin:4px 1px 0 3px; border:1px solid #1B2643; border-radius:0 4px 0 0; background:#0070A6;}

#conteudo .noticias:hover{background:#0098E1}

#conteudo .noticias h1{float:left; font:18px Arial, Helvetica, sans-serif, bold; color:#FFF; margin:0 7px ; padding:1px;}

#conteudo .noticias .inter{float:left; list-style:none; width:479px; height:214px; overflow:hidden; margin:0 8px; background:#FFF; border-radius:10px;}

#conteudo .noticias .inter li{float:left; width:474px; height:50px; border-bottom:1px solid #00AFF0; margin:2px 3px 0 3px}

#conteudo .noticias .inter li:hover{background:rgba(0, 112, 166, 0.2)}

#conteudo .noticias .inter li img{width:43px; height:43px; border-radius:6px; margin:3px 3px 3px 0; float:left;}

#conteudo .noticias .inter li .titulo{float:left; font:15px Arial, Helvetica, sans-serif; color:#069;}

#conteudo .noticias .inter li .content{float:left; font:11px Arial, Helvetica, sans-serif; color:#666; width:414px; margin:2px 0; border-top:1px dashed

#CCC;}

/*NAVEGAR*/

#clear{clear:both;}

#navegar{height:196px; background-image: linear-gradient(to bottom, #54A8E7, #1B2643 130%);}

#navegar ul{list-style:none}

#navegar .cont{width:998px; height:195px; margin:0 auto; background-image: linear-gradient(to bottom, #54A8E7, #1B2643 130%); border:1px solid #FFF; border-bottom:0;}

#navegar .cont h1{width:980px; float:left; font:18px Arial, Helvetica, sans-serif, bold; color:#FFF; padding:1px; margin:3px 0 0 7px}

#navegar .cont .inter{float:left; width:980px; height:157px; overflow:hidden; margin:0 8px; background:#FFF; border-radius:10px;}

#navegar .cont li{width:225px; border-bottom:1px dotted; margin:6px 10px 0 10px; display:inline; float:left;}

#navegar .cont li img{float:left; margin:1px 3px}

#navegar .cont li a{text-decoration:none; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }

#navegar .cont li:hover{background:#CF9}

/*FOOTER*/

#footer{height:36px; background:#1B2643; border-top:1px solid #FFF; margin:0 auto;}

#footer p{font:12px "Arial Rounded MT Bold"; color:#FFF; text-align:center; margin-top:8px}

ignoredxyz · Abril 16, 2014

Visualize o código fonte pelo navegador, e veja se nas primeiras linhas contem algo a mais (Por exemplo uma tag <pre>, ou um erro).

Outra opção é você posicionar o body absoluto. Exemplo:

body{
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
}

Carl2512 · Abril 16, 2014

Caio;

acrescentei o código que você sugeriu mas não resolveu;

o layout ainda esta online, se puder visitar pagina segue o endereço: www.tanaredeimoveis.com.br

segue o código visualizado do navegador:

Pachevisk · Abril 16, 2014

No início do código, antes do DOCTYPE você colocou o código do Analytics.

Retire este trecho:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-29425642-1', 'tanaredeimoveis.com.br');
  ga('send', 'pageview');
</script>

e cole antes do </body> que fica no final do código, se estiver em alguma include, joga a mesma pra baixo...

Espero ter ajudado!

Carl2512 · Abril 16, 2014

Galera agradeço a ajuda mas consegui resolver o Problema:

para ajudar a quem tiver o mesmo Problema:

peguei todas as paginas tirei toda formatação no bloco de notas depois criei novamente, e novamente sem Incluir "BOM assinatura unicode"

resolvel valeu galera

Entrar

Arquivado

problemas com espaço em acima da body

Recommended Posts

Carl2512 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ignoredxyz 17

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carl2512 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Pachevisk 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carl2512 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Girls From Your Town - Anonymous Casual Dating - No Selfie

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante