Como fazer com browser der um zoom na pagina sem quer as divs fica em cima da outra.
  • wesllyweslly
    março 2012
    Estou com problema, e acho que seja meu css mal feito.
    O problema e que quando dou zoom na minha pagina pelo browser faz com que as divs fica se ajuntando fazendo assim uma fica em cima da outra ou joga ela para baixo, como faço para que pagina der zoom sem prejudica as ordem das divs.
  • felfisfelfis
    março 2012
    Pode mandar o link do site ?
  • Weslly você por acaso não está usando position: absolute nas suas divs?

    Se puder mandar o link como o felfis falou ajudaria muito.
  • wesllyweslly
    março 2012
    Ja conseguir o resolver o problema.

    Solução:
    Foi com que com coloca-se widht: #valor;

    #valor --> aqui se digita valor em px diferente de 100%.

    Porque se coloca 100% sem um tamanho em pixel da div fica tudo bagunçado.










    PARA QUE DIV 2 E 3 fica uma do lado da outra ou separadas, quando for no zoom da pagina para cada uma fica no seu luga sem quer que uma fica sobre a outra.Fiz com que div 1 tiver-se tamanho por exemplo 900px, porque se coloca 100% fica uma em cima da outra.







  • wesllyweslly
    março 2012
    Parece que nao aceita html aqui no comentario.

    enfim, conseguir solucionar o problema, apenas adicionei no width um tamanho em px se for adiciona 100% não dar certo.
  • leodamianleodamian
    abril 2012
    Bom Dia !
    Pois então, estou com esse problema ...
    Assim que dou um zoom no navegador o layout fica todo bagunçado.
    Segue abaixo um exemplo do código que estou usando. o real está no pc da minha casa. então só para ter uma ideia.

    @charset "utf-8";
    /* CSS Document */

    *{
    padding:0;
    margin:0;

    }

    #container {
    width: 1200px;


    }

    #cabecalho{
    background:blue;
    width:1000px;
    height:270px;
    margin-left:100px;


    }

    #bar_esq{
    background:black;
    width:100px;
    height:900px;
    margin-top:-270px;
    float:left;

    }

    #bar_dir{
    background:black;
    width:100px;
    height:900px;
    float:right;
    margin-top:-270px;



    }
  • JorgeJorge
    abril 2012
    Já tentaram usar max-width e min-width? Acho que funciona bem no caso de porcentagem ;D