White bar at the top of wordpress

1

I'm setting up a theme in wordpress 4.1 and I'm having a problem with Chrome.

A white bar appears at the top of my layout and I can not get it out! See:

AndwhenIseeintheChromedeveloper,itappearsasifmyheaderiswithinbody!Kindofcrazythis,ithadneverhappened!AlreadyinFirefoxisperfect!

  • Ialreadydeactivatednavbarofwordpressintheuserprofile
  • Activatedandputthetagsforitappearsanddidnotleave!
  • Ihavetriedeverything!

MyHeader.php

html, body{ margin:0; padding:0;}

.container-fluid {
	margin: 0;
	padding: 0;
}
.bgHeader {
	width: 100%;
	background: #000;
	background: url(imagens/bg_header.jpg) no-repeat top center;
	height: 167px;
	background-size: cover;
}
.header-config {
	margin-top: 10px;
}
.formSearch {
	margin-top: 40px;
}
.midiasSociaisHeader {
	margin-top: 35px;
}
.midiasSociaisHeader img {
	margin-left: 15px;
}
.menu-config {
	background-image: linear-gradient(to bottom, #16b2fd, #0383f1);
	height: 60px;
	margin-top: -20px;
}
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Tediado</title>
<link href="<?php bloginfo('template_url'); ?>/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo get_stylesheet_uri(); ?>" rel="stylesheet">
<link rel="icon" href="../../favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><scriptsrc="<?php bloginfo('template_url'); ?>/bootstrap/js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js para apoio IE8 de elementos HTML5 e consultas de mídia -->
<!-- WARNING: Respond.js não funcionar se você visualizar a página via arquivo:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<header class="bgHeader">
  <div class="container">
    <div class="row header-config">
      <div class="col-xs-3"><img src="<?php bloginfo('template_url'); ?>/imagens/logo_tediado.png" class="img-responsive center-block" alt="Logo Tediado"></div>
      <div class="col-xs-5 formSearch">
        <div class="input-group">
          <input type="text" class="form-control" placeholder="Search for...">
          <span class="input-group-btn">
          <button class="btn btn-default" type="button">Go!</button>
          </span> </div>
        <!-- /input-group --> 
        
      </div>
      <div class="col-xs-4 midiasSociaisHeader"> <img src="<?php bloginfo('template_url'); ?>/imagens/facebook.gif" class="img-responsive pull-left" alt="Facebook Tediado"> <img src="<?php bloginfo('template_url'); ?>/imagens/twitter.gif" class="img-responsive pull-left" alt="Facebook Tediado"> </div>
    </div>
  </div>
</header>

I'm using bootstrap, I do not know if it's the one doing it! Has anyone ever experienced this?

    
asked by anonymous 12.02.2015 / 01:24

2 answers

1

Quite possibly this is because one of the files (not necessarily the header) has UTF-8 BOM ,

Unfortunately, removing this will depend on the editor you are using, but you should generally save the file to UTF-8 without using BOM .

Using PHPStorm:

  • Click the root folder of the site with the right button.
  • Click "Remove BOM".
  •   

    This will apply to all site files, but you can do this individually.

    Using Dreamweaver:

  • Open the document (eg header.php)
  • Click "Save As ..."
  • Click "Unicode Options ..."
  • Keep "Include Unicode Signature (BOM)" unchecked.
  • Click "OK".
  • Save the file.
  • If you do not use any of these editors I suggest you look for how to remove the "BOM" with the software you use. :)

        
    07.10.2016 / 06:10
    -1

    In% itself with% set the parameters marginheight="0" marginwidth="0"

        
    03.03.2015 / 19:15