Posicionando div relativamente à próxima...

[rcdesign 1]

A estrutura inicial:

<div id="topo"><p class="logo">teste</p></div>  <div id="menu"><div class="nav">menu</div></div><div id="geral">  <div id="banner"><p class="inicio">banner</p></div>

explicando...

- As div's topo e menu tem width 100%;

- A div geral tem widht fixo, centralizado na tela;

- A div class nav deve ficar alinhada à direita da div banner, os itens do menu devem ficar sempre alinhados à direita do final do banner..

 

Como fazer isso funcionar em resoluções diferentes de browsers ? :mellow:

 

o layout é esse aqui: VER

[Giovani 104]

rcdesign, uma pergunta, porque criar topo e menu tem width 100%;, não seria melhor colocar uma imagem, repetindo no eixo x no body?

Sua estrutura ficaria mais limpa, veja só:

<div id="geral"><div id="topo"><ul></ul></div><div id="banner"></div>...</div>

Isso ajuda?

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[webflex 0]

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif O problema está nas imagens do menu.

 

Cumps \o/

[rcdesign 1]

webphlex Postado Ontem, 18:48 Olá, O problema está nas imagens do menu.

> Não webphlex não é isso.. o layout que está no ar está com o menu com imagens mas eu testei apenas com um texto qualquer e o resultado é o mesmo.> gio! eu pensei nisso também e acho que vou acabar fazendo desse jeito mesmo, de qualquer forma eu gostaria de saber se isso tem solução... :mellow:

[ThiagoInfo 1]

Eu faria assim:

 

<div id="logo"> seu logo</div><div id="geral"><!-- Conteudo geral -->  <div class="menu">menu</div><div class="conteudo"> seu conteudo</div>  <div id="banner">banner</div></div>

Div logo = 100%.

 

Div geral = centralizada e em 800px

 

o resto você usuaria como quissese.