• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

mapb_1990

backgroung nao acompanha os divs

2 mensagens neste tópico

boas

estou a tentar construir esta layout com tabless, mas tou com um problema, o backgroung nao acompanha os divs, como podem ver na seguinte imagem:

28u663q.jpg

alguem sabe kual é o problema?

o código html podem ver aqui!

* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

body {
background: url(images/bg.jpg) repeat;
}

#banner-bg {
/*	background:url(images/banner_bg.jpg) repeat-x; */
position:relative;
z-index:-10;
}

#banner {
background:url(images/banner_2.jpg) top no-repeat;
width:1024px;
height:586px;
margin:0px auto;
z-index:-10;
}

#login {
background:url(images/bg2.jpg) repeat-x;
height:44px;
width:100%;
z-index:-10;
}

#login_caixa {
width:900px;
margin: 0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding: 15px 15px 0px 15px;
}

#main {
width:930px;
margin: 0px auto;
margin-top:-315px;
}

#main_top {
background:url(images/main_top.png) no-repeat;
height:20px;
width:100%;
}

#main_bottom {
background:url(images/main_bottom.png) no-repeat;
height:20px;
clear:left;
clear: both;
width:100%;
}

#main_center {
background-image:url(images/main_bg.png);
background-position: top;
background-repeat: repeat-x;
background-color:#FFFFFF;
border-left: #797979 solid 3px;
border-right: #797979 solid 3px;
width:924px;
position:static;
clear:left;

}

#header {
width:894px;
margin:15px auto 15px auto;
}

#header_left {
float:left;
width:408px;
max-width:408px;
height:341px;
}

#header_right {
float: right;
width:468px;
height:341px;
}


#conteudo {
clear:left;
padding-top:10px;
}

#forum {
float:left;
padding-top:4px;
}

#linkus {
float:right;
padding-top:10px;
}

#menu2 {
position:relative;
float:left;
}


#noticia {
background:url(images/bg4.jpg) repeat-y;
border:#cccccc 2px solid;
position: static;
margin-left:204px;
width:704px;
margin-bottom:15px;
}

#noticia_borda {
padding:10px;
}

#navegacao {
font-weight:bold;
color:#8e0000;
margin:0 15px;
position: static;
margin-left:204px;
width:704px;
}

#nav_esq {
position: static;
float:left;
}

#nav_dir {
position: static;
float:right;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Estou a ver um monte de coisas no teu código que provavelmente são desnecessárias, e tendo lido o teu css na diagonal, parece-me que te falta um clear:both ou right no sítio certo para que o conteudo cresça com o menu. Mas acho que devias ter feito um wrapper nesse conteudo e dado-lhe um background branco. Facilitava-te a vida.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora