Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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");
?><html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tá na Rede Imóveis</title>
<link href="<?php setHome();?>/nav/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="site"><!--abre site--> <style type="text/css">
#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><?php setArq('nav/header');?>
<?php getHome();?>
<div id="clear"></div><!--clear -->
</div><!--fecha site-->
<div id="navegar">
<ul class="cont">
<h1>Destaques</h1>
<div class="inter">
<?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 id="footer"><!--abre footer-->
<p>2011 - <?php echo date('Y');?> | © Tá na rede Imóveis - Todos os direitos reservados</p>
</div><!--fecha footer-->
</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 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 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}
Carregando comentários...