Topo não fica 100%
Estou montando um blog, ai quando eu começo a diminuir a tela o BG do topo não fica mais 100%,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" type="text/css" rel="stylesheet">
<title>Blog </title>
</head>
<body>
<div id="header">
<div id="nav" class="col-full">
<ul class="nav">
<li>Home</li>
<li>Sobre</li>
<li>Loja</li>
<li>Contato</li>
</ul>
<div id="search">
search
</div>
</div>
</div>
<div id="subheader" class="navigation">
<div id="nav-cat" class="col-full">
<ul class="nav-cat">
<li>Aplicativos</li>
<li>Dicas Linux</li>
<li>Produtos</li>
<li>Notícias</li>
</ul>
</div>
</div>
<div id="all" class="col-full">
<div id="content">
<div id="content-left">
<div id="post">
<div id="title"><h1>Concurso: Blog</h1></div>
<div id="comments-post"><p>16</p></div>
<div id="clear"></div>
<div id="meta">
<p>por <a href="#">Loja</a>, postado em Nov.16,2010 | <a href="#">Novidades</a>,<a href="#">Promoções</a> |</p>
</div>
<div id="content-post">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non tellus vitae risus gravida accumsan ac sit amet lectus. Pellentesque adipiscing leo sed justo volutpat eu tincidunt urna ornare. Ut enim ante, condimentum eu congue ultrices, sodales quis turpis. Pellentesque nec urna euismod massa pellentesque scelerisque eu at eros.</p>
</div>
<div class="post-footer">
<div class="post-footer-left"><a href="#">Continue Lendo</a></div>
<div class="post-footer-right"><img src="images/tag.png"> <a href="#">blog</a>, <a href="#">Concurso</a>, <a href="#">Loja</a></div>
</div>
</div>
<div id="post">
<div id="title"><h1>Concurso: Blog</h1></div>
<div id="comments-post"><p>16</p></div>
<div id="clear"></div>
<div id="meta">
<p>por <a href="#">Loja</a>, postado em Nov.16,2010 | <a href="#">Novidades</a>,<a href="#">Promoções</a> |</p>
</div>
<div id="content-post">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non tellus vitae risus gravida accumsan ac sit amet lectus. Pellentesque adipiscing leo sed justo volutpat eu tincidunt urna ornare. Ut enim ante, condimentum eu congue ultrices, sodales quis turpis. Pellentesque nec urna euismod massa pellentesque scelerisque eu at eros.</p>
</div>
<div class="post-footer">
<div class="post-footer-left"><a href="#">Continue Lendo</a></div>
<div class="post-footer-right"><img src="images/tag.png"> <a href="#">blog</a>, <a href="#">Concurso</a>, <a href="#">Loja</a></div>
</div>
</div>
</div>
<div id="content-right">
<div id="sidebar">
<div id="title"><h1>Posts Populares</h1></div>
</div>
</div>
</div>
</div>
</body>
</html>/*
Theme Name: theme
Theme URI: http://
Description: The 2010 default theme for WordPress.
Author: Bruno Ferreira
Version: 1.0
Tags: blue, white, two-columns, fixed-width, blog, clear
*/
* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; }
/-------------------------------------------------------------------------------------------/
body{background:#eeeeee;}
/HEADER/
#header{height:50px; background:#505050; width:100%; position:static;}
#subheader{height:30px; background:#e9dc20; width:100%;}
.nav{color:#eeeeee; font-size:12px; padding-top:15px;}
.nav ul {margin:0; padding:0; list-style:none;}
.nav li {float:left; width: auto; margin-right:20px;}
.navigation {text-transform: uppercase; font-size:11px; font-family:Tahoma;}
#search{float:right;}
.nav-cat{padding-top:8px; color:#505050;}
.nav-cat ul {margin:0; padding:0; list-style:none;}
.nav-cat li {float:left; width: auto; margin-right:20px;}
#content{padding-top:15px;}
#content-left{float:left; width:660px;}
#content-right{float:right; width:300px;}
#post{font-family:"Franklin Gothic Book"; padding-bottom:25px; border-bottom: solid 1px #cdcdcd; margin-bottom: 25px;}
#title{float:left;}
#title h1{color:#505050; font-size:25px; text-transform: uppercase;}
#comments-post{background:url(images/comment.png) no-repeat; float:right; width:50px; height:37px;}
#comments-post p{margin:5px 0 0 15px; color:#eeeeee;}
#meta{font-size:11px; margin:-9px 0 10px 4px;}
#meta a{color:#a69c1b; text-decoration:none;}
#content-post{padding-bottom:10px;}
.post-footer {border-top: solid 1px #cdcdcd; padding: 6px 0 4px 0;}
.post-footer a{color:#a69c1b; text-decoration:none;}
.post-footer-left {float: left;text-transform:uppercase; font-weight:bold;}
.post-footer-right {float: right; font-size:13px;}
#meta-bottom{border-top: solid 1px #cdcdcd; padding: 5px 0 4px 0; border-bottom: solid 1px #cdcdcd;}
#meta-bottom a{color:#a69c1b; text-decoration:none; text-transform:uppercase;}
#sidebar{font-family:"Franklin Gothic Book"; padding-left:10px;}
#clear{clear:both;}
.col-full{width: 960px; margin: 0 auto; padding-left: 20px; min-height: 700px;}
.col-left{float:left;}
.col-right{float:right;}
Discussão (3)
Carregando comentários...