a href bug? Nesmyslny 5px presah

fikotek

Nestalo se Vam to nekomu? Netusite proc se to deje?

Muj styl je v tom "project-style.css". I kdyz jsem vsechno ostatni zakomentoval tak i tak tam ten presah byl, takze predpokladam ze ostatni css to nedelaji.

Kód: Vybrať všetko

	<title></title>
    <meta charset="utf-8" />
    <meta name="description" content="#" />
    <meta name="keywords" content="#" />
    <meta name="author" content="www.spaneco.com" />
    <meta name="robots" content="ALL" />

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" type="text/css" href="/css/skeleton.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/css/normalize.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/css/project-style.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/css/menu.css" media="all" />

	<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />

    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/js/scripts.js"></script>

    <script src="/js/modernizr.custom.js"></script>
    <script src="/js/jquery.dlmenu.js"></script>
    <script>
    	$(function() {
    		$( '#dl-menu' ).dlmenu();
    	});
    </script>

V mem css je jen tohle:

Kód: Vybrať všetko

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  background-image: url(/img/subtle_dots.png);
  background-repeat: repeat;
  background-position: top;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.left { float: left; }
.right { float: right; }
.red { color: #cc0000; }
.clear { clear: both; }

.header_line {
  background-color: #007abc;
  background-position: top;
  width: 100%;
  height: 120px;
/*  border-bottom: 5px solid #f2f2f2;*/
}

#header {
  position: relative;
  height: 120px;
}

#dl-menu {
  position: absolute;
  right: 0;
  top: 37px;
}

HTML:

Kód: Vybrať všetko

<div class="header_line">
    <div class="container">
        <div id="header" class="sixteen columns clearfix">
            <a href="/"><img src="/img/retigo_logo.png" alt="Retigo" /></a>
        </div>
    </div>
</div>

Tak jeste jinak:

Kdyz deklaruju tenhle doctype tak je to v poradku.

Kód: Vybrať všetko

<!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">

Pokud je tam tenhle tak je problem

Kód: Vybrať všetko

<!DOCTYPE html>
<html>

//autoeditácia príspevku (05 Sep 2013, 22:14)
Problem fixed:

Kód: Vybrať všetko

img { vertical-align: top; }