Hola Maue75
Por partes:
1º: procura escribir preferentemente en minúsculas tu código.
2º) las opciones de 2º nivel (la ciudad--> "
cómo llegar" y "
estadísticas") se despliegan demasiado a la derecha, con lo que desaparecen antes de alcanzarlos con el ratón:
Solución:
Cambia en el css:
Cita: .menu UL LI:hover UL {
DISPLAY: block; LEFT: 93px; WIDTH: 134px; POSITION: absolute; TOP: 0px;
}
3º Tienes cantidad de código repetido. Sólo como muestra:
Cita: #columna_izquierda {error.html (línea 9)
display:inline;
float:left;
}
#columna_izquierda {error.html (línea 19)
float:left;
width:143px;
}
************
#columna_izquierda {error.html (línea 9)
float:left;
width:143px;
}
#columna_izquierda {error.html (línea 19)
float:left;
width:143px;
}
Solución:
Límpia y simplifica el css.
Y sobre la maquetación, yo cambiaría a:
colocar 'columna_izquierda' dentro de columna_derecha' y flotarla a la izquierda.
'columna_derecha' otorgarle un border-left ligéramente mayor a la anchura de la columna_izquierda' (exactamente, su anchura más la separación que quieras mantener entre ambas columnas) y flotarla a la derecha y con una anchura de...
Pero ahora que recuerdo, el esquema lo tiene muy bien hecho
Mikmoro en esta página y guarda en tus favoritos
esta dirección. Te ahorrarás muchas búsquedas y quebraderos de cabeza
Mira la forma tan limpia de su código (css+html), creo que podrás adaptarlo perfectamente a tu página.
Cualquier duda al respecto, por aquí andaremos.