Necesito Asesoría Urgente sobre un Problema de Visualización Web

[Mikmoro]

No hay nada que pueda hacer que se vea mal especialmente en las laptop que no se la pantalla, la resolución o el sistema operativo, en tu caso concreto si la ves en una resolución de 1280 x 1024 verás que no tiene nada que ver con las laptop, sólo que suelen usar resoluciones mayores.

Tal y como te había pronosticado, se trata de un problema de posiciones absolutas, y sobre todo, que tienes algunos elementos completamente desordenados, que no siguen el flujo natural del documento. Me explico:
cuando colocas cajas en posición absoluta, será absoluta con respecto a su contenedor, que para ello debe tener posición relativa. Esto lo tienes bien en parte, con un contenedor principal, pero justamente los elementos que se descuadran están fuera de ese contenedor y al final de la página, lo que no tiene sentido, por eso toman como referencia su contenedor "padre", que es el body (toda la pantalla), por eso cuando el contenedor se desplaza ellos no lo hacen.

Reordena todo tu html haciendo que los elementos aparezcan en el código de la misma manera (en el mismo orden) que quieres que aparezcan en pantalla, y mete dentro del contenedor principal todo lo que tiene que ir dentro de él.

Dos cosas más: tienes dos veces la declaración <style type="text/css">, lo que no es necesario, y tiene poco sentido que uses esa declaración css si luego tienes las etiquetas html llenas de formatos.

Te recomiendo que justo hagas el arreglo de emergencia, busques un buen manual de css, ya que te será fácil conseguir una página mucho más eficiente y más rápida de carga, válida con lo estándares y mejor estructurada.

Mikel.