Como logro dejar la página estática junto con todos los controles.?

[ZeThito]

Resulta que no puedo dejar la página estática, es decir: Que todos los controles (<input><select><textarea>) y todo lo demás quede sin moverse al re-dimensionar la ventana.


Ejemplo: http://www.olx.cl/posting.php?src=8 <-- si re-dimensionan esta web, la estructura queda tal cual, lo único que se mueve es la re-dimensión de la ventana.

Pero con mi página: http://publicalibre.cl/publicar.html?plan=0 <-- Al re-dimensionar la ventana se mueve toda la estructura y queda desordenada.


Ojala exista alguna solución, ya que esto se ve muy feo en pantallas pequeñas como los netbooks.


Ejemplo en foto:

[charlyalegret]

Hola
Si el div topCabezera le cambias el position a relative no se te moverá el menú.
Eso sí, quizá tengas que ajustar algun que otro elemento...

Saludos

[ZoroRoronoa]

ponle un min-width al contenedor y donde se encuentra el menu, ponle position relative, para que la banderita de "chile" tope hasta alli y no se superponga.

Saludos

[ZeThito]

Muchas gracias charlyalegret y ZoroRoronoa !

Arregle el Menu del header :D con ayuda de ustedes, ahora voy por el formulario.

Para el Menu, efectivamente había que colocar position: relative; y otros pequeños ajustes. Ahora veré el Formulario y sus controles.

[ZeThito]

Tengo otra consulta he colocado : .uniForm{min-width: 82%;} , pero sucede que el formulario crece de ancho y yo intento seguir una dimensión de 960 de ancho.

Se puede lograr esto, sin que el contenido del formulario se mueva al re dimensionar la ventana?

[ZoroRoronoa]

mi recomendacion es que uses dimensiones (altura y anchura) absolutas, es decir en PX (pixeles), no en porcentajes (:

Saludos.

[ZeThito]

Gracias por la ayuda ! demasiada razón tienes, si lo coloco en porcentajes no tengo mucho control sobre el tamaño. Al contrario con pixeles :D.

Muchas Gracias de nuevo por la ayuda !