Redimensionar janela mantendo as DIV's no mesmo lugar

[d3rson 0]

Pessoal... tenho o seguinte layout:

 

Janela com 1920x1080: http://d-3.me/full.jpg

 

O que eu quero é que se pessoa tiver uma resolução menor, ou então redimensionar a tela, essas duas div's preta e vermelha da foto, fiquem no mesmo lugar aparecendo somente o que é possivel visualizar dentro da janela...

 

Exemplo: janela com 1024x1080: http://d-3.me/1024.jpg

 

A div preta e a vermelha permanecem no mesmo lugar e é visualizado somente o que aparece dentro da area de visualização da janela mesmo, sem a barra de rolagem...

 

eu cheguei a fazer assim, conforme abaixo, mas não está dando certo: Lembrando que essas div's pretas e vermelha serão imagens.

 

<div id="wrap_home_bts">
    <div class="bt_woman"></div>
    <div class="bt_man"></div>
</div>

 

e meu css:

 

#wrap_home_bts{
    position:relative;
    width:100%;
    height:100%;
}

    .bt_woman{
        width:880px;
        height:389px;
        background:#FFCC00;

        position:absolute;
        left:0;
        bottom:245px;

    }

    .bt_man{
        width:733px;
        height:168px;
        background:#CC00FF;

        position:absolute;
        right:0;
        bottom:74px;

    }

 

 

[Marcos Xavier 189]

Se entendi direito, analisa ae

 

 

 
<style>#wrap_home_bts{    
position:relative;    width:100%;    
height:100%;}
    .bt_woman{        
width:88%;        
height:38%;        
background:#FFCC00;
        
position:absolute;        
left:0;        bottom:24%px;
    }
    .bt_man{        
width:73%;        
height:27%;        
background:#CC00FF;
        
position:absolute;        
right:0;        bottom:7%;
    }</style>

Repare que troquei as medidas em px para %

[d3rson 0]

Não... não é assim.. pois os quadros pretos e vermelhos serão redimensionados conforme a largura da tela.. é essi que não quero .. quero que tipo.. a janela "corte" os botões...

 

vou postar outras imagens, para exemplificar melhor:

 

Janela com 1920x1080: http://d-3.me/full_2.jpg

 

veja... que a imagem do botão woman esta inteira....

 

agora como se fosse numa tela de 1024: http://d-3.me/1024_2.jpg

 

é esse efeito que estou querendo.. mas não sei como reproduzi-lo...

[Henrique Werlang 8]

Qual o tamanho total da pagina ?

[d3rson 0]

então, vai depender da resolução que a pessoa estiver usando... mas o mínimo será 1024 X 768 ...

 

tipo a mínima area visivel será de 960px de largura.. conforme as imagens no post acima...