• Resolvido ldouglas

    (@ldouglas)


    Minha duvida é o seguinte , eu preciso centralizar o content ao lado do menu vertical que eu criei só que eu não consigo usando as margens , alguém tem uma dica ?

    Tipo eu gostaria que ele ficasse ao lado do menu , só que eu subo ou ele som ou nada ele nem sobe !

    http://www.barracorestobar.com.br , alguém me ajuda ? ;x
    Grato desde já !

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • Myst1010

    (@myst1010)

    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.

    Criador do tópico ldouglas

    (@ldouglas)

    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 *-*

    Myst1010

    (@myst1010)

    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.

    Criador do tópico ldouglas

    (@ldouglas)

    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 *_*

    Myst1010

    (@myst1010)

    É 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.

    Criador do tópico ldouglas

    (@ldouglas)

    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’

    Myst1010

    (@myst1010)

    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%.

    Criador do tópico ldouglas

    (@ldouglas)

    Ah entendi *-* , Obrigado mais uma vez (:

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • O tópico ‘Ajuda centralizar content’ está fechado para novas respostas.