Div não acompanha o conteúdo
Pessoal tenho um problema
as propiedades do fundo não acompanha
ele acaba e os textos ficam sem o fundo
[http://img534.imageshack.us/f/fodau.png/
]
Fiz tudo que eu imaginava
meu css é
*{margin:0; padding:0;
}.container{width:h980px; height:100%;}
.container .left{width:160px;height:100%; float:left; background:#333333;}
.container .center{width:640px;height:100%; float:left; background:url(balada-abe88.jpg)repeat-x;}
.container .center h2 {
font:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:15px;
color:#FFFFFF;
text-align:center;
}.container .right{width:180px; height:100%; float:right; background:#333333;}
#cabecalho-direito{
width:180px;
height:30px;
float:right;
background:#00FF00;
}font:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:20px;
color:#000000;
text-align:center;
}/ painel de destaque /
#painel-destaque{
width:640px;
height:30px;
float:left;
background:#00FF00;
}
#painel-destaque-esquerdo{
width:320px;
height:30px;
float:left;
background:#CCFF00;
}
#painel-destaque-direito{
width:320px;
height:30px;
float:left;
background:#000066;
}
#painel-baladas{
width:320px;
height:30px;
float:left;
background:#000066;
}
#painel-destaque-direito{
width:640px;
height:30px;
float:left;
background:#000066;
}#painel-destaque h2{
font:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:20px;
color:#000000;
text-align:center;
}#painel{
width:640px;
height:300px;
float:left;
background:#00FF00;
}#belos{
width:320px;
height:295px;
float:left;
background:#CCFF00;
}
#belos-homem{
width:159px;
height:295px;
float:left;
background:#66CCCC;
}
#belos-mulher{
width:159px;
height:295px;
float:left;
background:#3366FF;
}#calendario{
width:320px;
height:295px;
float:right;
background:#CCFF00;
}
#fotos-inicial{
width:640px;
height:auto;
float:left;
background:url(balada-abe88.jpg)repeat-x;
}#foto-inicial-esquerda{
width:160px;
height:295px;
float:left;
background:url(balada-abe88.jpg)repeat-x;
}
#foto-inicial-esquerda1{
width:160px;
height:295px;
float:left;
background:url(balada-abe88.jpg)repeat-x;
}
#foto-inicial-meio{
width:160px;
height:295px;
float:inherit;
background:url(balada-abe88.jpg)repeat-x;
}
#foto-inicial-direita{
width:160px;
height:295px;
float:right;
background:url(balada-abe88.jpg)repeat-x;
}body{
background:url(balada-abe88.jpg)repeat-x;
}/ paineis de destaques /
#cabecalho-direito{
width:180px;
height:30px;
float:right;
background:#00FF00;
}#cabecalho-direito h2{
font:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:20px;
color:#000000;
text-align:center;
}/ fim do painel de destaque /
/ Foto de destaque /
#destaque {
width:319px;
height:200;
background:#FFFF00;
float:left;
}
#conteudo {
width:980px;/background:#33FF00;/
background-image:url(fund.png)repeat-x;
height:100%;
text-align:left;
margin:0 auto;
padding:0px;
}
#me {
background:url(images/fund-menu.jpg)repeat-x;
height:30px;
width:80px;
float:right;
}#me ul {
float:left;
list-style:none;
}#me ul li {
display:inline;
margin:0 10px 0 5px;
padding:0 5px 0 0;
font-style:inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
}ul#menutt {
width: 160px;
list-style:none;
font: bold 16px Arial, Verdana, Serif;
}ul#menutt li{
position:relative;
}ul#menutt a {
width: 160px;
display: block;
text-align:left;
padding: 5px 10px;
margin-bottom:1px;
text-decoration: none;
color: #000;
background: #0033CC;
border-left: 12px solid #FF0000;
border-right: 3px solid #FF0000;
voice-family: "\"}\"";
voice-family:inherit;
width:125px;
}
#mei {
background:url(images/fund-menu.jpg)repeat-x;
height:30px;
width:270px;
float:right;
}
#menu {
background:url(images/fund-menu.jpg)repeat-x;
height:30px;
width:630px;
float:left;
}
#anuncio-superior {
height:30px;
width:900px;
background:#FF3300;
float:inherit;
}
#meio {
width: 560px;
margin:0 auto;
padding: 10px;
padding: 5px;
background-color: #eee;
margin:rigth;
}
#topo {
height:160px;
background:no-repeat;
background:url(images/topo.png);
}#menu ul {
float:left;
list-style:none;
}#menu ul li {
display:inline;
margin:0 10px 0 5px;
border-right:1px solid #FFF;
padding:0 5px 0 0;
font-style:inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
}#menu ul li a {
color:#FFFF00;
text-decoration:none;
}#menu ul li a:hover{
text-decoration:underline;
}ul#menutt {
width: 160px;
list-style:none;
font: bold 16px Arial, Verdana, Serif;
}ul#menutt li{
position:relative;
}ul#menutt a {
width: 160px;
display: block;
text-align:left;
padding: 5px 10px;
margin-bottom:1px;
text-decoration: none;
color: #000;
background: #0033CC;
border-left: 12px solid #FF0000;
border-right: 3px solid #FF0000;
voice-family: "\"}\"";
voice-family:inherit;
width:125px;
}>#pagebody>ul#menutt a {
width:125px;
}/ Fix IE. Hide from IE Mac \/
* html ul#menutt li { float: left; height: 1%; }
* html ul#menutt li a { height: 1%; }
/ End /
ul#menutt a:hover {
color: #FF0000;
background: #000099;
border-right: 3px solid #CC0000;
border-left: 12px solid #CC0000;
}ul#menutt a span {
display: none;
}ul#menutt a:hover span {
display: block;
position: absolute;
top:0;
left: 160px;
width: 130px;
padding: 5px;
margin-left:2px;
color: #fff;
background:#003399;
font-size: 10px;
text-align:left;
border:1px solid #000;
}/ Centro das páginas /
#center h1{
float:left;
font:"Comic Sans MS", Verdana, "Lucida Sans Unicode";
color:#00FF99;
size:14px;
}minha página
<?php get_header();?>
<div class="container">
<div class="left">
<div id="menu-esquerdo">
<ul id="menutt">
<?php
include "menu.php";?>
</ul></div>
</div>
<div class="center" align="center">
<?php
if ((have_posts)): while (have_posts()): the_post();?>
<br>
<h3><font color="#FF0000"><p><?php the_title();?></h3><p><?php the_content(__('Leia mais..'));?></p><br>
<br /><br /></font>
<?php endwhile; else:?>
<?php endif;?>
</div>
<?php
get_sidebar();?>
</div>
<?php
get_footer();?>Discussão (3)
Carregando comentários...