Hola compañeros, tengo un problema que no consigo solucionar y he probado de mil maneras y no se que estoy haciendo mal. He probado con div en relative y absolute, con position y no hay manera y ya tengo tal lio que no se como solucionarlo...
Os explico con imagenes para que se me entienda más facil:
He marcado con colores para que os sea más fácil distinguir mi error.
En esta primera imagen se ve como está mi web a una resolución grande y es como me gustaría que permaneciera.
Para ello he creado 3 div verticales (encabezado, contenido y pie.)
Dentro del div encabezado es donde meto los otros div pero ya no se de que manera para que se queden en su sitio.
Al reducir el navegador o reducir la página se montan los menus, el logo y todo el texto del contenido y se hace un lio impresionante:
Lo que me gustaría es que todo quedara en su sitio y al reducir la pagina o minimizara solo se desplazara un poco el texto y luego salieran las barras de desplazamiento como en esta página:
Tamaño completo:
Minimizada:
¿Qué debo hacer para que el texto y los menús y demás no se amontonen?
Mil gracias!!
P.D: He leido mucho en el foro antes de postear pero como dije al principio lo ponga como lo ponga siempre se queda algo mal