Acabo de pasar las últimas semanas aprendiendo cómo diseñar correctamente un diseño. Básicamente pensé que tenía todo perfecto con el diseño de mi sitio web y estaba listo para transferir la codificación a Wordpress ... y luego redimensioné accidentalmente mi navegador web y descubrí que todas mis capas div se superponían entre sí.¿Cómo evito que las capas div se superpongan cuando se cambia el tamaño del navegador?
Esto es lo que parece: 
Básicamente parece que es sobre todo el contenido de mi centro de div que está siendo exprimido, así mi imagen de cabecera y bruja de navegación que están en la misma parte superior div. Mi pie de página también está comprimido. Busqué en Internet una solución a este problema y parece que no puedo encontrar nada.
¿Cómo lo arreglo para que mi div s permanezca en su lugar cuando se cambia el tamaño del navegador?
He intentado su sugerencia, pero no estoy muy seguro de dónde colocar la propiedad de desbordamiento. Lo puse en el contenedor div que contenía todo el resto del contenido y no hizo nada por desgracia. Sin embargo, aquí hay un enlace a todo mi CSS. No estaba seguro de qué sería realmente relevante o no. Gracias hasta ahora por la ayuda. Espero que haya una manera fácil de resolver esto. :( –
El desbordamiento iría en cualquier div que contenga el texto "Esto es un subtítulo." Si lo coloca en un div principal sobre el div que contiene el texto del encabezado, puede que no herede apropiadamente. ¿Podría publicar el HTML también? ? También, como se dijo anteriormente, el ancho flexible es generalmente una mejor idea, pero requeriría que refactorice su css. – ErikHazzard
El desbordamiento no pareció funcionar, por desgracia. Me parece que las imágenes también se sesgan en el área del encabezado oscuro, que tiene el nombre de mi sitio y mi navegación. Cargué mi página de prueba para que pueda verla funcionando (no funciona). http://lifesgarbage.com/rebnation.html –