Título: Problema Css con firefox 4 Publicado por: dark_fidodido en 23 Mayo 2011, 10:49 am Hola Compis!
Me he encontrado un problemilla al actualizar el firefox a la version 4 con mi página web y es que no me hace bien las etiquetas y no entiendo por que :( Os posteo el codigo a ver si vosotros maestros me echais una mano Gracias este es el principal <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="menu_style.css" type="text/css" /> <script language="javascript"> function oculta (capa) { document.getElementById(capa).style.visibility="hidden"; } function muestra (capa) { document.getElementById(capa).style.visibility="visible"; } function reloj() { var fObj = new Date() ; var horas = fObj.getHours() ; var minutos = fObj.getMinutes() ; var segundos = fObj.getSeconds() ; if (horas <= 9) horas = "0" + horas; if (minutos <= 9) minutos = "0" + minutos; if (segundos <= 9) segundos = "0" + segundos; document.getElementById("home").value = horas+":"+minutos+":"+segundos; } var id = setInterval("reloj()",1000); setTimeout("clearInterval("+id+")",15000); </script> </head> <body> <div id="menucontainer"> <div id="menunav"> <ul> <li><a href="indexmenu.php" title="css 0" class="current"><form action="../../principal/index.html" target="mainFrame"><span><input type=submit id="home" value="Home"></span></form></a></li> <li> <a href="indexmenu2.php" title="css 1"><span><input type=submit onmouseover="muestra('menu1');" onmouseout="oculta('menu1');" value="Contratos"><div id="menu1" onmouseover="muestra('menu1');" onmouseout="oculta('menu1');"> <pre><form action=formGranada.php target="mainFrame"><input type=submit value="Nuevo"><input type=hidden name="localidad" value="<?php echo $localidad; ?>"></form></pre> <pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="Modificar"></form></pre> </div></span></a> </li> <li><a title="css 2"><span><input type=submit onmouseover="muestra('menu2');" onmouseout="oculta('menu2');" value="Anexos"><div id="menu2" onmouseover="muestra('menu2');" onmouseout="oculta('menu2');"> <li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="stb"></form></pre></li> <li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="modificar stb"></form></pre></li> <li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="tarjetas"></form></pre></li> <li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="modificar tarjetas"></form></pre></li> </div></span></a></li> <li><a title="css 3"><span><input type=submit onmouseover="muestra('menu3');" onmouseout="oculta('menu3');" value="devoluciones"><div id="menu3" onmouseover="muestra('menu3');" onmouseout="oculta('menu3');"> <li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="Pendientes"></form></pre></li> <li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="devolucion stb"></form></pre></li> <li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="devolucion tarjeta"></form></pre></li> </div></span></a></li> <li><a title="css 4"><span><input type=submit onmouseover="muestra('menu4');" onmouseout="oculta('menu4');" value="Gestiones"><div id="menu4" onmouseover="muestra('menu4');" onmouseout="oculta('menu4');"> <li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="portados"></form></pre></li> <li><pre><form action=formGranada.php target="mainFrame"><input type=submit value="asignados"></form></pre></li> <li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="reservados"></form></pre></li> <li><pre><form action=verPaq_gr.php target="mainFrame"><input type=submit value="paquetes"></form></pre></li> </div></span></a></li> <li><a title="css 5"><span><form action=formGranada.php target="mainFrame"><input type=submit value="instalados <?php ('.$count2[0].') ?> "> <?php if ($count2[0]!="0"){ ?> <button type="submit" style="background-color: transparent; border:none;" class="img"><img src="images/019.gif" alt="submit" border="none" /></button> <?php } ?> </form></span></a></li> <li><a title="css 6"><span><form action=../../ target="_parent"><input type=submit value="SALIR"></form></span></a></li> </ul> </div> </div> </body> </html> y este son los estilos de las etiquetas: html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *{ list-style:none; } #menucontainer{ position:relative; height:50px; color:#FFFFFF; background:#383636; width:100%; font-family:Helvetica,Arial,Verdana,sans-serif; } #menunav{ position:relative; height:38px; font-size:12px; text-transform:uppercase; font-weight:bold; background:#fff url(images/background.jpg) repeat-x bottom left; padding:0 0 0 20px;} #menunav2{ position:relative; width: 100%; height:29px; font-size:12px; text-transform:uppercase; font-weight:bold; background:#DDDDDD; border-bottom:solid; } #menunav2 input{ background-color: transparent; BORDER: none; text-transform:uppercase; color:#000000; font-family:Helvetica,Arial,Verdana,sans-serif; height:21px; font-size:12px; font-weight:bold; float:left; padding:0; cursor:pointer; text-decoration:none; margin-left: 20px; } #menuPrincipal{ position: relative; width: 100%; background:#DDDDDD; } #menunav2 input.current{ border-left:solid; border-right:solid; border-top:solid; display:block; width:auto; background:#FFFFFF; height:32px;} #menu1{ background-color: #383636; position: absolute; top: 33px; width: 100%; height: 31px; visibility: hidden; text-align: left; margin-left: 0px; left: 0px; } #menu2{ background-color: #383636; position: absolute; top: 33px; width: 100%; height: 31px; visibility: hidden; text-align: left; margin-left: 0px; left: 0px; } #menu3{ background-color: #383636; position: absolute; top: 33px; width: 100%; height: 31px; visibility: hidden; text-align: left; margin-left: 0px; left: 0px; } #menu4{ background-color: #383636; position: absolute; top: 33px; width: 100%; height: 31px; visibility: hidden; text-align: left; margin-left: 0px; left: 0px; } #pre{ margin-left:5em; margin-right:5em; } #menunav ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left;} #menunav ul li{ display:block; float:left; margin:0 1px;} #menunav ul li a{ display:block; float:left; color:#EAF3F8; text-decoration:none; padding:0 0 0 20px; height:38px;} #menunav ul li a span{ padding:12px 20px 0 0; height:21px; float:left;} #menunav ul li a span input{ background-color: transparent; BORDER: none; text-transform:uppercase; color:#EAF3F8; font-family:Helvetica,Arial,Verdana,sans-serif; height:21px; font-size:12px; font-weight:bold; float:left; padding:0; cursor:pointer; text-decoration:none; } #menunav ul li a:hover{ color:#fff; background:transparent url(images/hover.jpg) repeat-x bottom left;} #menunav ul li a:hover span{ display:block; width:auto; cursor:pointer;} #menunav ul li a.current, #menunav ul li a.current:hover{ color:#fff; background:#1D6893 url(images/left.jpg) no-repeat top left; line-height:275%;} #menunav ul li a.current span{ display:block; padding:12px 20px 0 0; width:auto; background:#383636 url(images/right.jpg) no-repeat top right; height:38px;} Gracias de nuevo por todo Título: Re: Problema Css con firefox 4 Publicado por: dark_fidodido en 23 Mayo 2011, 12:37 pm ya he arreglado una parte, he quitado las etiquetas <li> de las opciones de los submenus y ya se me visualiza perfectamente.
Ahora lo que me pasa es que cuando me voy a uno de los menus no se me pone sobre este menu la imagen de fondo en el que esta .current |