Problema Css con firefox 4

Iniciado por dark_fidodido, 23 Mayo 2011, 10:49 AM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

dark_fidodido

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

dark_fidodido

#1
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
Imprimir
Ir Arriba Páginas1
Acciones del Usuario