Foros del Web » Creando para Internet » CSS »

Descolocación de secciones de la página

Estas en el tema de Descolocación de secciones de la página en el foro de CSS en Foros del Web. Buenos días, Tengo un problema con un descuadre en la página principal de mi web y que se ve en Firefox o Google Chrome...pero que ...
  #1 (permalink)  
Antiguo 24/06/2009, 06:13
 
Fecha de Ingreso: noviembre-2007
Mensajes: 34
Antigüedad: 10 años
Puntos: 0
Descolocación de secciones de la página

Buenos días,

Tengo un problema con un descuadre en la página principal de mi web y que se ve en Firefox o Google Chrome...pero que no sale en I.Explorer.

Si se fijan en casasruralesavila .com.es verán que en la parte de "Casas rurales destacadas en Ávila" hay un salto que no sé por qué se produce.

Ese espacio en blanco como he indicado antes sólo se ve con otros navegadores que no sean I. Explorer.

Les facilito la hoja de estilos: casasruralesavila .com.es/images/casas-rurales.css
(url editada ya que no me dejan poner la dirección por motivos anti-spam)

Si me pudieran ayudar se lo agradecería.

Un saludo y muchas gracias.
  #2 (permalink)  
Antiguo 24/06/2009, 07:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Descolocación de secciones de la página

Tienes dos <div id=left> seguidos en el html.
Mete en uno sólo el contenido de los dos:
Código html:
Ver original
  1. <div id="left>
  2. <h3>Qué ver en Ávila:</h3>
  3. <br/>
  4. <ul>
  5. <li> ... </li>
  6. <li>... </li>
  7. </ul>
  8. <h3>Hoteles en Ávila:</h3>
  9. <br/>
  10. <ul>
  11. <li> ... </li>
  12. <li>... </li>
  13. </ul>
  14. </div>

Ya dirás.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 24/06/2009, 09:06
 
Fecha de Ingreso: noviembre-2007
Mensajes: 34
Antigüedad: 10 años
Puntos: 0
Respuesta: Descolocación de secciones de la página

Buenas kseso?

Sí, efectivamente así se quita el espacio, pero también pierdo el efecto de separación que tenía entre "Qué ver en Ávila" y "Hoteles en Ávila" (como dos recuadros grisaceos con un espacio en blanco en medio).

He vuelto a poner los dos div's left para que veais el efecto. Por si me podeis ayudar con eso y luego sólo dejamos uno.

Un saludo y mil gracias por la ayuda.
  #4 (permalink)  
Antiguo 24/06/2009, 09:24
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Descolocación de secciones de la página

Lo tienes fácil. Entre las dos listas de definición (ul) tienes otro elemento (h3).

Puedes utilizar #left h3 {... } para lograrlo o #left ul { ... }
También puedes eliminar los saltos de carro (<br /> y si necesitas un elemento separador utilizar <hr /> y darle las propiedades en el css.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 24/06/2009 a las 09:46
  #5 (permalink)  
Antiguo 26/06/2009, 02:27
 
Fecha de Ingreso: noviembre-2007
Mensajes: 34
Antigüedad: 10 años
Puntos: 0
Respuesta: Descolocación de secciones de la página

Muchas gracias por tu ayuda!

Ahora me funciona perfectamente.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:29.