Como posso colocar o conteúdo no corpo deste layout do site sem parecer que está flutuando?

Question

Sou programador e preciso de consultoria especializada de um designer em relação ao layout do site em que estou trabalhando atualmente.

Aqui está o layout para começar:

^{Clique na imagem para resolução máxima}

Eu tenho um cabeçalho de largura total com o seguinte conteúdo:

conecte-se
logotipo
escolha o país
navegação Principal
sub-navegação

Preciso de ajuda sobre como colocar o conteúdo no corpo sem parecer que está flutuando. Se eu tiver que alterar o layout do corpo, diga-me qual seria o melhor esquema de cores se eu tivesse que colocar uma borda. Mas, se é possível não colocar uma borda (como um perfil do Facebook), então melhor.

Essa será a página principal de todos os layouts. O corpo pode ter um a três layouts de coluna. conteúdo sábio Seria algo como (combinação)

Para resumir os recursos:

um diretório online (com pesquisa e pesquisa avançada)
oferece serviços para 4 tipos de usuários
oferece outros serviços que não fazem parte diretamente do site
tem uma página de eventos
um formulário de feedback
página de carreiras

ikhsan · Answer

para não parecer flutuante, você precisa fazer com que o layout do corpo faça parte do cabeçalho; no seu caso, o cabeçalho fica muito separado com o conteúdo, pois você adiciona traço e sombra na camada do cabeçalho.

eu sugiro remover um traço e sombra, apenas um branco liso para que o cabeçalho e o corpo pareçam Pintar na mesma tela. você pode usar uma linha ou outro plano de fundo colorido e colocar o conteúdo no centro para dar a impressão de que é o layout do conteúdo, como http://courses.sitepoint.com/

Nathan Lawrence · Answer

Você escolheu uma cor difícil, pois quase tudo o que colocar nesse fundo parecerá lançar uma sombra. Eu recomendaria alterar a cor do plano de fundo apenas para a área central e apenas um pouco para acomodar o conteúdo.