Não tenho certeza se é isso que vc deseja, mas tente remover a declaração
clear: both;
do elemento com ID main
Não querendo, mas já me intrometendo no que não devia:
Sua imagem de fundo está linda, mas extremamente pesada para um site.
E isso pode diminuir bastante se vc tratar a imagem corretamente.
Outra coisa é que vc não pode esquecer das diferentes resoluções que os usuários usam, então tem que ver a melhor posição da imagem de fundo para não ter problemas com isso.
Abraços e boa sorte.
Opa valeu pela dica Funcionou quase que perfeitamente , é exatamente isso o que eu que eu quero *–* ,
No Firefox ele funcionou perfeitamente *–* , só que no Chrome ele continou a mesma coisa o que pode ser ?
Quanto a imagem obrigado pela dica , tinha esquecido desse detalhe da resolução ;D
Obrigado pela atenção *-*
acho que o problema é que vc colocou o menu lateral div#nav fora da div#main e sem declarar a largura da main por padrão ela recebe a largura total que pode se estender.
Por isso o menu fica acima da div main.
Acho que o menu lateral deveria estar dentro da div#main e a div#container também, então nav ficaria com float:left e automaticamente a div#container ficaria a seu lado se declarar uma largura adequada para div#nav e div#container
Ficaria + ou – assim
main = 980px
nav = 300px
container = 680px
estrutura:
<div id="main">
<div id="nav"></div>
<div id="container"></div>
</div>
Neste tipo de estrutura até mesmo os browsers mais chatos aceitarão o esquema que vc deseja fazer.
Nota: as larguras sugeridas não contam com padding em nenhuma das divs, então se estiver usando padding as larguras deverão ser alteradas para que o padding seja aplicado sem causar falta de espaço entra as divs.
Opa mais uma vês Obrigado pela ajuda *-*
Então eu alterei as divs do menu , e tentei me basear nas tags que voce me passou *-* , consegui um resultado até que satisfatório , s você quiser der uma olhada, PS. Ainda não troquei a imagem de fundo ;x
Muito obrigado pela ajuda *_*
É parece que ficou certinho e a centralização da imagem de fundo também ficou ótimo.
Parabéns está ficando ótimo.
E se quiser a imagem de fundo já com o tamanho reduzido é só baixar
http://subefotos.com/ver/?f245fc9ab8a4b70f5623d5fc13c126f1o.jpg
Fiquei curioso pra saber a quanto de tamanho essa imagem poderia ficar rsrsrsr.
Muito obrigado mais uma vez , a imagem eu acabei de alterar , Obrigadão mesmo *–* ,Como você fez pra diminuir tanto o tamanho dela sem perder a qualidade ? O.O’
Nada demais, só exportei pelo photoshop para a web com a opção progressive marcada e quality 20%.
Como essa imagem estava com qualidade excessiva ainda ficou ótima a qualidade mesmo baixando a qualidade para 20%.
Ah entendi *-* , Obrigado mais uma vez (:
