Mantener Divs en su lugar al hacer zoom con Ctrl+

[Tampico]

Al final encontré aquí la pista

[URL="http://mx.answers.yahoo.com/question/index?qid=20090415151700AAgtbU9"]http://mx.answers.yahoo.com/question/index?qid=20090415151700AAgtbU9[/URL]

Efectivamente El problema de que los divs se muevan al hacer zoom se da por el hecho de que si un div contenedor esta como que el atributo width es 100% y los Divs contenidos indicamos anchos en pixeles se provocara que estos se muevan.

ejemplo sencillo

Código HTML:

<div id="contendor" >
     <div id="contenido-1">
     </div>

     <div id="contenido-2">
     </div>

    <div id ="contenido-3">
    </div>
</div> 

Código css

Código:

#contenedor{
width: 100%;
height: 127px;
}

contenido-1{
width: 343px;
height: 127px;
}

contenido-2{
width: 500px;
height: 127px;
}

#contenido-3{
width: 247px;
height: 127px;
}

Solucione mi problema de la siguiente manera

Código css

Código:

#contenedor{
width: 100%;
height: 127px;
}

contenido-1{
width: 30%;
height: 127px;
}

contenido-2{
width: 40%;
height: 127px;
}

#contenido-3{
width: 30%
height: 127px;
}