OK, GRACIAS POR LOS CONSEJOS!! los tendre en cuenta cuando continue con la pagina... solo que ahora me surgió otro inconveniente!!
Resulta que se me ocurrio ver la pagina en IE, y resulta que el menu que en Firefox, Opera, Chrome, se ve todo en una misma linea, horizontalmente (el que dice inicio, Proyectos, etc) se ve en doble fila con IE 7, es decir, hace como un salto de linea.
Como puedo solucionar esto para IE? Porque la mayoria de los usuarios de mis paginas usan IE, asique necesito arreglarlo!! EL CODIGO HTML es:
<div id="logo"><img src="nuevo_logo.gif" /></div><div id="escudo"><img src="escudo.gif" /></div>
<div id="menu"><ul id="nav">
<li class="activelink" ><a href="index.php">HOME</a></li>
<li><a href="proyectos.php">PROYECTOS DE INVESTIGACION</a></li>
<li ><a href="#">TEORICOS</a></li>
<li ><a href="#">SABER COTIDIANO</a></li>
<li ><a href="#">ARTICULOS DE INTERES</a></li>
<li ><a href="#">ENLACES CIENTIFICOS</a></li>
<li ><a href="#">DELEGADOS</a></li>
<li ><a href="#">CONTACTO</a></li>
</ul>
</div>
Y el css el siguiente:
div#logo {float:left; width:auto; padding:10px}
div#escudo {text-align:right; width:auto; padding:10px}
div#menu { margin:0; font-family:Verdana, Geneva, sans-serif; text-align:center;font-size: 11px;color: #000; }
ul#nav{ list-style-type:none; text-align: center; margin:auto; float:left}
ul#nav li{float:left;text-align: center; font-weight:bold; padding:8px}
ul#nav a{text-decoration:none; color:#838383; text-align:center}
ul#nav a:hover{ color:#000; }
ul#nav li.activelink a,ul#nav li.activelink a:hover{ text-decoration:none; color: #000}
Alguna ayuda para solucionar esto??
Muchas gracias! Maldito IE!!!
SAludos!!!
Pablo