Entrar

Problema botonera fireworks en firefox

bitxoraro · · Solicitar retirada
Hola, tengo un problema con las CSS. Hice una botonera con el fireworks en html, y en una de las pages hay dos botoneras, y me salen las areas de imagen movidas, desplazadas hacia abajo sin sentido en el firefox, en el IE todo perfect.
Sera algo muy sencillo, pero no tengo ni idea, tengo un contenedor y otros dos divs dentro.

Gracias
bitxoraro · · Solicitar retirada
no la tengo subida, pero puedo poneros el html y la hoja de estilos

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="Hoja_con_estilo/hoja_de_estilos.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>
<body onload="MM_preloadImages('botonera/botonera_r2_c5_f3.gif','botonera/botonera_r2_c5_f2.gif','botonera/botonera_r4_c4_f3.gif','botonera/botonera_r4_c4_f2.gif','botonera/botonera_r6_c3_f3.gif','botonera/botonera_r6_c3_f2.gif','botonera/botonera_r8_c2_f3.gif','botonera/botonera_r8_c2_f2.gif','trabajos/trabajos_r2_c3_f3.tif','trabajos/trabajos_r2_c3_f2.tif','trabajos/trabajos_r3_c7_f3.tif','trabajos/trabajos_r3_c7_f2.tif','trabajos/trabajos_r5_c1_f3.tif','trabajos/trabajos_r5_c1_f2.tif','trabajos/trabajos_r8_c2_f3.tif','trabajos/trabajos_r8_c2_f2.tif','trabajos/trabajos_r9_c8_f3.tif','trabajos/trabajos_r9_c8_f2.tif')">
<div id="contenjusto">
<div id="botones">
<table border="0" cellpadding="0" cellspacing="0" width="800">
      
      <tr>
        <td>[img]botonera/spacer.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td colspan="6">[img]botonera/botonera_r1_c1.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="2" colspan="4">[img]botonera/botonera_r2_c1.gif[/img]</td>
        <td>[url="javascript:;"][img]botonera/botonera_r2_c5.gif[/img][/url]</td>
        <td rowspan="8">[img]botonera/botonera_r2_c6.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="7">[img]botonera/botonera_r3_c5.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="2" colspan="3">[img]botonera/botonera_r4_c1.gif[/img]</td>
        <td>[url="javascript:;"][img]botonera/botonera_r4_c4.gif[/img][/url]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="5">[img]botonera/botonera_r5_c4.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="2" colspan="2">[img]botonera/botonera_r6_c1.gif[/img]</td>
        <td>[url="javascript:;"][img]botonera/botonera_r6_c3.gif[/img][/url]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="3">[img]botonera/botonera_r7_c3.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td rowspan="2">[img]botonera/botonera_r8_c1.gif[/img]</td>
        <td>[url="trabajos.html"][img]botonera/botonera_r8_c2.gif[/img][/url]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
      <tr>
        <td>[img]botonera/botonera_r9_c2.gif[/img]</td>
        <td>[img]botonera/spacer.gif[/img]</td>
      </tr>
    </table>
 </div>
<div id="separador">[img]separador.jpg[/img]</div>
<div id="trabajos">
<table border="0" cellpadding="0" cellspacing="0" width="800">
  
  <tr>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td colspan="10">[img]trabajos/botonera_trabajos_r1_c1.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="3" colspan="2">[img]trabajos/botonera_trabajos_r2_c1.gif[/img]</td>
    <td rowspan="2" colspan="3">[url="javascript:;"][img]trabajos/botonera_trabajos_r2_c3.gif[/img][/url]</td>
    <td colspan="5">[img]trabajos/botonera_trabajos_r2_c6.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="9">[img]trabajos/botonera_trabajos_r3_c6.gif[/img]</td>
    <td rowspan="3" colspan="2">[url="javascript:;"][img]trabajos/botonera_trabajos_r3_c7.gif[/img][/url]</td>
    <td rowspan="6" colspan="2">[img]trabajos/botonera_trabajos_r3_c9.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td colspan="3">[img]trabajos/botonera_trabajos_r4_c3.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="2" colspan="3">[url="javascript:;"][img]trabajos/botonera_trabajos_r5_c1.gif[/img][/url]</td>
    <td rowspan="3" colspan="2">[img]trabajos/botonera_trabajos_r5_c4.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="3" colspan="2">[img]trabajos/botonera_trabajos_r6_c7.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td colspan="3">[img]trabajos/botonera_trabajos_r7_c1.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="4">[img]trabajos/botonera_trabajos_r8_c1.gif[/img]</td>
    <td rowspan="2" colspan="3">[url="javascript:;"][img]trabajos/botonera_trabajos_r8_c2.gif[/img][/url]</td>
    <td rowspan="4">[img]trabajos/botonera_trabajos_r8_c5.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="3">[img]trabajos/botonera_trabajos_r9_c7.gif[/img]</td>
    <td rowspan="2" colspan="2">[url="javascript:;"][img]trabajos/botonera_trabajos_r9_c8.gif[/img][/url]</td>
    <td rowspan="3">[img]trabajos/botonera_trabajos_r9_c10.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td rowspan="2" colspan="3">[img]trabajos/botonera_trabajos_r10_c2.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
  <tr>
    <td colspan="2">[img]trabajos/botonera_trabajos_r11_c8.gif[/img]</td>
    <td>[img]trabajos/spacer.gif[/img]</td>
  </tr>
</table>
 </div>
</div>
</body>
</html>

hoja de estilo

body {
	background-color: #999999;
	background-repeat: repeat;
	overflow: auto;
}

#contenedor {
	height: auto;
	width: 800px;
	display: block;
	float: none;
	background-color: #000066;
	clear: none;
	margin: auto;
	overflow: hidden;
	border: 5px double #000066;
}
#contenjusto {
	height: auto;
	width: 800px;
	display: block;
	float: none;
	background-color: #000066;
	clear: none;
	margin: auto;
	overflow: hidden;
	border: 5px double #000066;
}
#botones {
	height:auto;
	width: auto;
	background-color: #000066;
	display: block;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: none;
	float: right;
	overflow: hidden;
	margin: auto;
}
#separador {
	height:auto;
	width: auto;
	background-color: #000066;
	display: block;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: auto;
	clear: none;
	float: left;
	margin: auto;
}
#trabajos {
	height:auto;
	width: auto;
	background-color: #000066;
	display: block;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: none;
	float: right;
	margin: auto;
	}
#main {
	width: 700px;
	clear: none;
	background-color: #000066;
	display: block;
	background-repeat: repeat;
	float: left;
	overflow: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: auto;
	background-image: url(../tile.jpg);
	padding: 50px;
}
.letranormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000066;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 25px;
}
.letraresaltada {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFCC66;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: normal;
}
.letranormal_enlace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #aab0b4;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	line-height: normal;
	padding-top: 6px;
}