Descolocación de secciones de la página

[youghal]

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.

[kseso?]

Tienes dos <div id=left> seguidos en el html.
Mete en uno sólo el contenido de los dos:

Código html:

<div id="left>
<h3>Qué ver en Ávila:</h3>
<br/>
<ul>
<li> ... </li>
<li>... </li>
</ul>
<h3>Hoteles en Ávila:</h3>
<br/>
<ul>
<li> ... </li>
<li>... </li>
</ul>
</div>
 

Ya dirás.

Un saludo

[youghal]

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.

[kseso?]

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

[youghal]

Muchas gracias por tu ayuda!

Ahora me funciona perfectamente.