Tema: Problema con divs superpuestos
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 12/09/2012, 13:11
noruas
 
Fecha de Ingreso: junio-2012
Mensajes: 80
Antigüedad: 12 años, 7 meses
Puntos: 11
Respuesta: Problema con divs superpuestos
Lo que decia antes... Aqui tienes un ejemplo de como lo haria yo sin usar posiciones absolutas.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #container {
  5.     width: 1006px;
  6.     background-image: url(http://img145.imageshack.us/img145/6198/pief.jpg);
  7.     background-repeat: no-repeat;
  8.     background-position: bottom;
  9.     background-color:#4e4e4e;
  10.     }
  11. #cuerpo {
  12.     padding: 40px;
  13.     color: #FFF;
  14.     text-align: justify;
  15.     }
  16. #foot {
  17.     color: #FFF;
  18.     height: 30px;
  19.     padding: 10px 0px 10px 30px;
  20.     }
  21. </style></head>
  22. <body>
  23. <div id="container">
  24. <div id="cuerpo">  
  25. <p>Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí". Estos textos hacen parecerlo un español que se puede leer. Muchos paquetes de autoedición y editores de páginas web usan el Lorem Ipsum como su texto por deado a través de los años, algunas veces por accidente, otras veces a propósito (por ejemplo insertándole humor y cosas por el estilo).Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño. El punto de usar Lorem Ipsum es que tiene una distribución más o menos normal de las letras, al contrario de usar textos como por ejemplo "Contenido aquí, contenido aquí". Estos textos hacen parecerlo un español que se puede leer. Muchos paquetes de autoedición y editores de páginas web usan el Lorem Ipsum como su texto por defecto, y al hacer una búsqueda de "Lorem Ipsum" va a dar por resultado muchos sitios web que usan este texto si se encuentran en estado de desarrollo. Muchas versiones han evolucionado a través de los años, algunas veces por accidente, otras veces a propósito...</p>
  26. </div>
  27. <div id="foot">Guia Córdoba zona...</div>
  28. </div>
  29. </body>
  30. </html>

Solo tendrias que tener cuidado de que el texto no llegue al logo, pero por tu disposicion no creo que eso pase, otra opcion es meter un div flotante vacio abajo a la derecha para que desplace el texto si es que este llegase a esa zona.