Layout Liquido com imagem

[Clayder 0]

Ola pessoal sou novo em css e estou com problema no meu site ,criei ou pelo menos tentei criar um Layout liquido ele possui 4 partes : O topo ,lado esquerdo , centro e lado direito , essas 4 partes eu teste em outras telas ( de diferentes tamanho ) elas sempre ficam do tamanho certo acupando 95% da tela . Mas o problema ta nas coisas que coloco nesse Layout por exemplo no topo coloco o Logo , ai quando eu entro por um outro computador com tela diferente , ou minimizo a tela do navegador esse logo muda de lugar ele nao esta acompanhando a div topo .

 

body{
   text-align: center; /* centraliza no IE */
margin: 0;
padding: 0;
}

#tudo { 
   width: 95%;
margin: 0 auto; /* Centraliza em navegadores padrao */
text-align: left; /* retorna o alinhamento de textos */
background: #F7F7F7;

}

#topo { 
   height: 90px;
padding: 50px ;
background: #555555;

}

img.logo_um  {

position: absolute;
left: 675px;
top: 0px;  
width:527px;
}

 

A minha duvida não eh como se cria um Layout liquido , e sim como que eu faço para todo o conteudo que eu colocar ( menu , logos etc ) eles "andem" se adaptando ao tamanho da tela mas nao saindo do formato original ( ex: logo q estava no centro do topo ir para o canto .

obrigado galera ..

[André do Vale 76]

http://forum.imasters.com.br/topic/469280-imagens-do-site-se-ajustam-na-resolucao/