Pagina web resolución pantalla

[palophp]

Hola. He creado una pagina web, como practica no ha nivel profesional, y me he creado dos maquinas virtuales cliente-servidor sobre Ubuntu.
He instalado el Apache y me he pasado todos los ficheros a var/www.
El problema me surge que cuando abro mi pagina web desde la maquina virtual, se me descoloca un poco.
Sabéis como puedo adaptar mi pagina para cualquier resolución?
Tengo la hoja de estilos CSS en px

[petit89]

Puedes ocupar @media de css para especificar el orden que deben tomar los elementos segun la resolución detectada.

Hay alternativas bastante comodas de usar como Bootstrap que te facilitan el trabajo en estos casos de diferentes resoluciones

[javy7v]

Como te han dicho Bootstrap facilita bastante el trabajo pero si quieres hacerlo a mano como se ha hecho toda la vida vamos XD pues de entrada trata de usar % en vez de PX ya que usando estos ultimos te pasa lo que comentas al cambiar el tamaño de la pantalla se te descoloca todo.

[palophp]

He pasado todos los datos que tenia de px a %....y ha sido un caos, se me descoloca aun más...
Y con la herramienta responsive?

[DesgraciadoGabo]

No es pasar de px a % obviamente si una caja la tienes a 650px y la pasas a 650% se va a hacer un relajo sabroso!

Debes conocer bien css y html, cuando te dicen que lo hagas con % es que se refiere a que no excedas del 100% lo cual significa al 100% de la pantalla (full width, toda la pantalla) y de ahí empieces a dividir si quieres dos columnas las pones a 50% etc etc.

Bueno en fin, sería difícil si no conoces css, el uso de bootstrap te ayuda pero no es la solución a todo, en fin. saludos!

[Rafael]

Y con la herramienta responsive?

No hay tal herramienta responsive. Responsive es una filosofía de trabajo.