Necesito vuestra opinion.

Hola a todos, acabo de terminar mi primera página echa en css, y queria que pasarais a echarla un vistazo y sacarme errores... sin pasarse...

Y luego a ver si podeis solucionarme un par de errores, que no consigo dar con ellos.

1) Si abro la página en firefox, se ve bien el menu de navegacion de arriba, pero en IE me lo desplaza de sitio. Hay alguna solución para esto???

2) en la pagina de entorno. Encontre ese metodo de navegacion, para pasar por un menu, y saliera una foto y una descripcion. Hay alguna forma para que por defecto una de las opciones del menu(la de la izquierda del todo) se me quede por defecto abierta en el menu??? se pueden poner los titulos de los textos en vertical en los cuadros inactiovos?? ( no se si me he explicado bien...)

3) En Como llegar, estoy utilizando un iframe, para poder sacar el mapa de google dentro de la pagina, hay alguna forma de no sacar iframe???

4)en el menu superior, esta hecho con una lista, hay alguna forma de centrar los botones todos a la misma altura, si veis estan alineados arriba, y no consigo centrarlos verticalmente.

mmmm..... creo que no se me olvida nada, ah si la pagina en cuestion.<a href="http://www.aquilamas.com" target="_blank">Casa Rural Aquilamas</a>

PD: Perdon por el rollo, y gracias

 

Solucionado el punto 1, lo arregle poniendo dos atributos top en la lista, el de asterisco lo lee el IE y el firefox pasa de el.

top: 52px;
*top:8px;

 

Que genial ver una pagina valida entre tantas bestialidades jaja <a href="http://validator.w3.org/check?uri=http://www.aquilamas.com/" target="_blank">http://validator.w3.org/check?uri=http://www.aquilamas.com/</a>

gracias por eso jaja

Igualmente debes cuidar algunos temitas como los titulos repetidos, falta de keywords, description, facilidad de uso como clic en el logo e ir al home.

Te dejo un artículo: <a href="http://www.jorgeoyhenard.com/burradas-web-no-admisibles-para-esta-epoca/348/" target="_blank"><b>Errores Web frecuente</b></a>

Sobre los problemas de menú en IE, bueno tu pagina esta hecha para Internet por tanto IE al no ser un programa pensado para Internet no lo entiende, pero eso es un problema de IE por ser tan bruto. La solución es que hagas un CSS cometiendo los errores que debes cometer para que IE muestre bien tu web, ya que una de las cosas que hace diferente es tomar distinto los margin y padding.

Para crear un CSS especial para IE haz un condicional así:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if lt IE 7]>
&nbsp;&nbsp;&nbsp;&nbsp;<link rel="stylesheet" href="ie.css" type="text/css" />
<![endif]-->
<!--[if IE 7]>
&nbsp;&nbsp;&nbsp;&nbsp;<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->
<!--c2--></div><!--ec2-->

de esa forma cargas style.css como tienes ahora sin cambios

ie.css para cualquier IE menor al 7

ie7.css para IE7 si lo necesitas

Igualmente es tiempo de que no le demos importancia a IE, te dejo un artículo de <a href="http://www.jorgeoyhenard.com/porque-no-usar-internet-explorer-6/399/" target="_blank"><b>Porque no usar IE6</b></a>

2) En cuanto a lo de Entorno, pues bueno al ser CSS, puedes agregar un CSS llamado "activo" o algo así que haga esto:

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
#menu_entorno ul.franjas li a:hover {
&nbsp;&nbsp;&nbsp;&nbsp;width:500px;}
<!--c2--></div><!--ec2-->

ya que eso es la que esta abierta. Quizás te debas ayudar de JavaScript para que cerrarlo cuando vayas a otro, al menos la primera vez.

3) Si, no uses iframe !!! (ya lo viste en el artículo de <a href="http://www.jorgeoyhenard.com/burradas-web-no-admisibles-para-esta-epoca/348/" target="_blank">burradas web no admisibles</a>), si exploras el API de Google Maps veras que puedes usar un simple DIV

<a href="http://code.google.com/intl/es-ES/apis/maps/documentation/" target="_blank">Documentación Google Maps</a>



4) Si, debes utilizar margin o padding en % y quedaría centrado, pero no creo que valga la pena el rollo.

 

gracias elQuique, ahora no tengo tiempo para probar todo lo que me has dicho pero cuando llegue a casa lo probare. solo una cosa,

#menu_entorno ul.franjas li a:hover {
width:500px;}
eso lo probé pero se me queda abierto y luego no se que hacer, de javascript no tengo mucha idea...jeje

y la solución que he dado al menu, lo del asterisco, no es muy profesional, o es mejor usar el condicional??

gracias