Hola a todos!!
Al agregar dentro del div header, el div tittle y dentro colocar la etiqueta p, al meter ahí un titulo por ejemplo, aparece un espacio en el top, que con inspección de elemento en chrome, me dice que esta en html,body, antes tambien me aparecia pero con margin: 0px; lo elimine, pero ahora a vuelto para atormentarme xD. Si en el #page-wrap, pongo margin-top: -20px, se arreglar, pero esa no es la manera, no deberia de salir por norma, algo esta mal programado, alguna idea??
Tengo este codigo:
Código:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITULO</title>
<link href='http://fonts.googleapis.com/css?family=Raleway:300,600' rel='stylesheet' type='text/css'>
</head>
<body>
<style type="text/css">
html,body{height: 100%;background-image: url(img/bg_clear.png);margin: 0px;}
#page-wrap{width: 960px;margin: auto; height: auto;min-height:100%;background-image: url(img/bg_white.png);}
#page-wrap:after{width: 100%;height:150px;display:block;clear:both;}
#footer{width: 960px;height: 150px;margin: -150px auto 0;background-image: url(img/bg_grey.png);}
#header{position: relative; width: 960px; height: 150px;}
#title{position: relative; width: 960px; height: 100px;top: 40px;}
#title p{position: relative; font-family: 'Raleway', sans-serif;color: #000000;font-size: 20px;}
#menu{width: 960px; height: 50px; background-color: #0f30f3;}
#contact {position: relative;}
#contact ul {list-style-type:none;}
#contact ul li {display: inline;padding-right: 10px;}
#contact ul li a {font-family: 'Raleway', sans-serif;color: #000000;text-decoration: none;}
#name {position: relative;margin-left: 40px;}
#name p {font-family: 'Raleway', sans-serif;color: #000000;text-decoration: none;font-size: 13px;}
#credits {position: relative;top: 55px;}
</style>
<div id="page-wrap">
<div id="header">
<div id="title">
<p>TITULO</p>
</div>
<div id="menu"></div>
</div>
<div id="content">
</div>
</div>
<div id="footer">
<div id="credits">
<div id="contact">
<ul>
<li><a href="#home">Facebook</a></li>
<li><a>|</a></li>
<li><a href="#news">Email</a></li>
</ul>
</div>
<div id="name">
<p>TITULO</p>
</div>
</div>
</div>
</body>
</html>