imagem bg

[rafvenditti 0]

Estou dando uma manutencao em um site em asp onde se encontra uma imagem de background de tamanho 1024X768px construido em asp. Em monitores maiores fica com um fundo preto, eu nao sei como deixar essa imagem ocupando todo o espaco no monitor.

 

o css do arquivo:

@font-face {
   font-family: 'ErieLightBold';
   src: url('fonts/erielitb-webfont.eot');
   src: url('fonts/erielitb-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/erielitb-webfont.woff') format('woff'),
        url('fonts/erielitb-webfont.ttf') format('truetype'),
        url('fonts/erielitb-webfont.svg#ErieLightBold') format('svg');
   font-weight: normal;
   font-style: normal;

}
body,td,th {
font-family: 'ErieLightBold';
}
#externo {
position:absolute;
left:50%;
top:0px;
width:1024px;
height:719px;
z-index:1;
margin-left:-512px;
background-image:url(images/fundoteste.png);
}
#botao {
position:absolute;
left:0px;
top:500px;
width:1024px;
height:54px;
z-index:2;
background-image: url(images/fundo_bt.png);
background-repeat: repeat;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
#botao a {
color: #FFFFFF;
text-decoration: none;
}
#redes_sociais {
position:absolute;
left:0px;
top:-1px;
width:36px;
height:12px;
z-index:3;
}
#colecoes {
position:absolute;
left:360px;
top:0px;
width:307px;
height:54px;
z-index:4;
}
#bt_radio {
position:absolute;
left:940px;
top:3px;
width:59px;
height:16px;
z-index:5;
}td img {display: block;}

#fora_conteudo {
position:absolute;
left:50%;
top:100px;
width:800px;
height:500px;
z-index:1;
margin-left:-400px;
background-image:url(images/fundo_bt.png);
color:#FFFFFF;
}
#loader {
position:absolute;
left:80%;
top:450px;
}
#titulo{
background-image: url(images/fundo_bt.png);
width: 300px;
height:20px;
font-weight: bold;
}
#titulo_dentro{
margin-left: 5px;
margin-right: 5px;
}
#foto_big{
width:450px;
height:429px;
background:#FFFFFF;
text-align:center;
}
#foto_big img{

height:335px;
}

#quadro_img{
background:#FFFFFF;
width:135px;
height:100px;
text-align:center;
}
#foto_p img{
margin-top:10%;
height:98px;
}
input{
border: 1px solid #000000;
background-color: #E4E4E4;
     }
textarea{	
border: 1px solid #000000;
background-color: #E4E4E4;
     }
select {
border-collapse:collapse; 
border: 1px solid #D03A29;
background-color: #E4E4E4;
}
.btn {
font-family: Calibri;
font-size: 11px;
color:White;
background-color:#990000;
font-size:12px;
font-weight:bold;
}
.titulo_loja{
background-image: url(images/titulo_bg.png);
color:#FFFFFF;
font-weight: bold;
}
.titulo_loja_detro{
margin-left: 5px;
}
.txt_justificado{
text-align: justify;
}
#press a{
text-decoration: none;
color: #FFF;
}
#press a:hover{
text-decoration: underline;
font-weight: bolder;
color: #FFF;
}

[Rafael Garcia Reis 0]

Você pode fazer no html uma div geral com o tamanho da imagem para ficar ela de fundo e no body colocar um background como uma cor branca por exemplo, mas se você pudesse colocar o link da imagem para nós podermos ver como é da pra ter uma idéia melhor =)

[Henrique Barcelos 290]

:seta: http://css-tricks.com/perfect-full-page-background-image/