Foros del Web » Creando para Internet » CSS »

me ayudais con este menu y los navegadores? :_

Estas en el tema de me ayudais con este menu y los navegadores? :_ en el foro de CSS en Foros del Web. Antes de nada, buenas noches y saludos a esos foreros que todavia quedan a estas largas horas de la noche. Mirad llevo un rato dandole ...
  #1 (permalink)  
Antiguo 30/01/2007, 20:23
 
Fecha de Ingreso: enero-2007
Mensajes: 45
Antigüedad: 10 años, 11 meses
Puntos: 0
me ayudais con este menu y los navegadores? :_

Antes de nada, buenas noches y saludos a esos foreros que todavia quedan a estas largas horas de la noche.

Mirad llevo un rato dandole vueltas a un menú que me salio por casualidad (jaja) estaba probando y tal y me di cuenta que en firefox quedaba bien pero en IE se desfsaba un poco.. os pongo 2 capturas y el codigo fuente.. por si alguien pudiera ayudarme...

Uhm.. me explico mejor justo tras los botones del menú hay una barrita verde.. que en firefox conserva su tamaño, pero en IE se agranda al tamaño vertical del menu.. lo que queria era que conservara el tamaño tambien en IE..

sabeis como?:_

GRACIAS DE ANTEMANO :)

CAPTURA EN MOZILLA

img413.imageshack.us/my.php?image=captura1ys6.png

CAPTURA EN IE
img440.imageshack.us/my.php?image=captura2za6.png

Y aquí dejo el codigo fuente por cierto.. que si a alguien le mola el estilo del menu.. libremente puede cogerlo :P

---------------------------------------------------------------------------------------------------

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
body {
margin-top: 10px;
background-color: #FFFFFF;
}
#contenedor { width:670px; height:auto; margin-left:auto; margin-right:auto;}
#cabecera { width:670px; height:107px;}
#cabizk { width:462px; height:100px; margin-bottom:7px; float:left;background-color:#669900;}
#cabder { width:200px; height:100px; margin-left:7px; margin-bottom:7px; float:left;background-color:#669900;}
#divmenu { width:460px; height:20px; margin-bottom:3px;text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; padding-left:2px; background-color:#669900;}
#divmenu2 { width:260px; height:7px; margin-left:2px;}
#divmenusub { width:670px; height:20px; margin-top:10px; background-color:#4D7100;}
#centro { width:670px; height:300px; margin-top:7px;}
#menu { width:670px; height:30px; margin-bottom:7px;}
#pie { width:670px; height:37px; margin-top:7px;}
#menuh {list-style:none;}
#menuh {list-style:none;margin:0;padding:0;}
#menuh li {margin:2px;padding:2px;border:0px dashed #000000;}
#menuh {list-style:none;margin:0;padding:0;}
#menuh li {margin:2px;padding:0px;border:0px dashed #FF9900;float:left;}
#menuh {list-style:none;margin:0;padding:0;}
#menuh li {margin:2px;padding:0;float:left;}
#menuh li a {display:block;width:60px;padding-bottom:7px; text-decoration:none;text-align:center;font-size:10px; font-family:Arial, Helvetica, sans-serif;color:#000000;background-color:#FFFFFF; border-bottom:1px dashed #FFFFFF;padding-top:2px;}
#menuh li a:hover {color:#FFFFFF;background-color:#4D7100; border-bottom-color:#FFFFFF;}
</style>
</head>

<body>
<div id="contenedor">
<div id="cabecera">
<div id="cabizk">ss</div>
<div id="cabder">ss</div>
</div>
<div id="menu">
<div id="divmenu">
<ul id="menuh">
<li><a href="principal.html">inicio</a></li>
<li><a href="empresa.html">empresa</a></li>
<li><a href="consultas.html">reservas</a></li>
<li><a href="tramitacion.html">vehículos</a></li>
<li><a href="tarifas.html">servicios</a></li>
<li><a href="tarifas.html">consejos</a></li>
<li><a href="contacto.html">contacto</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

Última edición por hardman; 30/01/2007 a las 20:37
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 16:29.