como hacerlo adaptable?

[ZeroRcp]

 

tengo una duda, estoy haciendo una pagina web, pero necesito que si yo le hago zoom in o zoom out, esta no se arruine, sino que se mantenga deacuerdo a el zoom.

quizas no me di a entender.

actualmente la tengo, (todavia no la subo) pero si yo le llego a aumentar el zoom, dos figuras cuadradas se desajustan a varios lados, dos imagenes que tengo se vuelven pequeñas y se desconfiguran de lado.
lo que yo necesito es que estas se queden fijas deacuerdo al zoom, algo que literalmente llaman responsive o adaptable...

lo necesito para internet explorer 8 (gracioso no) porfavor necesito ayuda, cual es el codigo y si se puede hacer?

[тαптяα]

Te dejo aquí un link que tengo que es lo que estas pidiendo.

Código (css) [Seleccionar] Expandir

body {
  width: auto;
}
  .ie body {width: 540px;}

#content figure {
  width: 240px;
  max-width: 100%;
}
  .ie #content figure {width: 480px;}

http://jonikorpi.com/leaving-old-IE-behind/

[str_null]

El diseño responsive es una metodología de diseño. Creo que no me equivoco si te adelanto que no hay una solución mágica ni los elementos se adaptan por gracia divina, pero lo que tu preguntas y en lo que se basa la teoría es esto:

Código (html4strict) [Seleccionar] Expandir

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

añadido en la cabecera de tu página.

Mod: Uso obligatorio de etiquetas GeSHi.

[laury21]

Hola, capaz que bootstrap te soluciona algunos problemas o te facilita entender el tema de diseño responsive, espero que te ayude