resolucion de css

[jalbtercero]

Tengo un problema, es decir que por ejemplo en mi pantalla un elemento que pongo en el centro se ve bien, sin ningun problema pero claro en otra pantalla mas pequeña se ve descentrado, mas abajo.. etc, La cosa es que he visto que se puede regular con media queries pero no encuentro una pagina que me lo explique con mas claridad, la mayoría son super concretos. Gracias por adelantado

[MrDev]

Lo quieres hacer responsivo entiendo... Eso te pasa por colocarlo con las medidas en pixeles y no en porcentaje.

[jalbtercero]

Lo quieres hacer responsivo entiendo... Eso te pasa por colocarlo con las medidas en pixeles y no en porcentaje.

Lo siento pero no es por eso, utilizo %  y el resultado es el mismo

[basickdagger]

utiliza media queries y max-width: por ejemplo

tu contenedor principal si no quieres q este super enorme en pantallas muy grandes

puedes darle los siguiente

#micontenedor{width:100%; max-width:1000px;margin:0 auto;}

de este modo siempre sera 100% a menos q sobrepase los 1000px

ahora los elementos q tienes dentro de tu contenedor principal puedes modificarlos con media queries como los isguiente:

Código (css) [Seleccionar] Expandir


/* Estilo por default */
#micontenedor{width:100%; max-width:1000px;margin:0 auto;}
.elementos{width:50%;float:left;min-height:20px;overflow:hidden;}

/*estilo cambia cuando el tamaño es menor a 550px*/

@media only screen and (max-width : 550px) {
.elementos{width:90%;float:none;margin:0 auto;}
}


Código (html4strict) [Seleccionar] Expandir


<div id="micontenedor">
<div class="elementos">1</div>
<div class="elementos">2</div>
</div>