Estoy haciendo una página que tiene 3 frames horizontales, 1 para un cabezal, el segundo para una botonera y el tercero para mostrar contenidos.
El tema está en la botonera, ya que ésta está hecha en Fireworks 8 y luego lo centré en Frontpage. El tema es que en IE se ve bien de bien centrada y en su lugar en Firefox se ve alineada a la izquierda y más abajo de lo marcado, no sé la verdad cómo arreglar esto. Espero me puedan ayudar. Les paso el código del archivo menu.htm:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <!-- saved from url=(0014)about:internet -->
- <html>
- <head>
- <title>menu.png</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!--Fireworks 8 Dreamweaver 8 target. Created Wed Jul 30 23:09:42 GMT-0300 2008-->
- <script language="JavaScript">
- <!--
- 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;
- } }
- }
- 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];}}
- }
- //-->
- </script>
- <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
- <style type="text/css" media="screen">
- td img {
- /* Another Mozilla/Netscape bug with making sure our images display correctly */
- display: block;
- }
- #FWTableContainer869237267 {
- /* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
- position:relative;
- margin:0px;
- width:690px;
- height:600px;
- text-align:left;
- }
- #MMMenuContainer0726202617_0 {
- /* This ID is related to the master menu div for menu MMMenuContainer0726202617_0 and contains the important positioning information for the menu as a whole */
- position:absolute;
- left:294px;
- top:36px;
- visibility:hidden;
- z-index:300;
- }
- #MMMenu0726202617_0 {
- /* This class defines things about menu MMMenu0726202617_0's div. */
- position:absolute;
- left:0px;
- top:0px;
- visibility:hidden;
- background-color:#555555;
- width:110px;
- height:19px;
- }
- .MMMIFHStyleMMMenu0726202617_0 {
- /* This class determines the general characteristics of the menu items in menu MMMenu0726202617_0 */
- width:55px;
- height:19px;
- voice-family: "\"}\"";
- voice-family:inherit;
- width:49px;
- height:13px;
- }
- .MMMIHStyleMMMenu0726202617_0 {
- /* This class determines the general characteristics of the menu items in menu MMMenu0726202617_0 */
- width:55px;
- height:19px;
- voice-family: "\"}\"";
- voice-family:inherit;
- width:49px;
- height:13px;
- }
- #MMMenu0726202617_0_Item_0 {
- /* Unique ID for item 0 of menu MMMenu0726202617_0 so we can set its position */
- left:0px;
- top:0px;
- }
- #MMMenu0726202617_0_Item_1 {
- /* Unique ID for item 1 of menu MMMenu0726202617_0 so we can set its position */
- left:55px;
- top:0px;
- }
- #MMMenuContainer0726202617_0 img {
- /* needed for Mozilla/Camino/Netscape */
- border:0px;
- }
- #MMMenuContainer0726202617_0 a {
- /* Controls the general apperance for menu MMMenuContainer0726202617_0's items, including color and font */
- text-decoration:none;
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size:9px;
- color:#ffffff;
- text-align:left;
- vertical-align:middle;
- padding:3px;
- background: #009966 url('img/mmmenu2_55x19_up.gif');
- font-weight:bold;
- font-style:normal;
- display:block;
- position:absolute
- }
- #MMMenuContainer0726202617_0 a:hover {
- /* Controls the mouse over effects for menu MMMenuContainer0726202617_0 */
- color:#ffffff;
- background: #0066ff url('img/mmmenu2_55x19_over.gif');
- }
- #MMMenuContainer0724170845_0 {
- /* This ID is related to the master menu div for menu MMMenuContainer0724170845_0 and contains the important positioning information for the menu as a whole */
- position:absolute;
- left:432px;
- top:36px;
- visibility:hidden;
- z-index:300;
- }
- #MMMenu0724170845_0 {
- /* This class defines things about menu MMMenu0724170845_0's div. */
- position:absolute;
- left:0px;
- top:0px;
- visibility:hidden;
- background-color:#555555;
- width:165px;
- height:19px;
- }
- .MMMIFHStyleMMMenu0724170845_0 {
- /* This class determines the general characteristics of the menu items in menu MMMenu0724170845_0 */
- width:55px;
- height:19px;
- voice-family: "\"}\"";
- voice-family:inherit;
- width:49px;
- height:13px;
- }
- .MMMIHStyleMMMenu0724170845_0 {
- /* This class determines the general characteristics of the menu items in menu MMMenu0724170845_0 */
- width:55px;
- height:19px;
- voice-family: "\"}\"";
- voice-family:inherit;
- width:49px;
- height:13px;
- }
- #MMMenu0724170845_0_Item_0 {
- /* Unique ID for item 0 of menu MMMenu0724170845_0 so we can set its position */
- left:0px;
- top:0px;
- }
- #MMMenu0724170845_0_Item_1 {
- /* Unique ID for item 1 of menu MMMenu0724170845_0 so we can set its position */
- left:55px;
- top:0px;
- }
- #MMMenu0724170845_0_Item_2 {
- /* Unique ID for item 2 of menu MMMenu0724170845_0 so we can set its position */
- left:110px;
- top:0px;
- }
- #MMMenuContainer0724170845_0 img {
- /* needed for Mozilla/Camino/Netscape */
- border:0px;
- }
- #MMMenuContainer0724170845_0 a {
- /* Controls the general apperance for menu MMMenuContainer0724170845_0's items, including color and font */
- text-decoration:none;
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size:9px;
- color:#ffffff;
- text-align:left;
- vertical-align:middle;
- padding:3px;
- background: #009966 url('img/mmmenu1_55x19_up.gif');
- font-weight:bold;
- font-style:normal;
- display:block;
- position:absolute
- }
- #MMMenuContainer0724170845_0 a:hover {
- /* Controls the mouse over effects for menu MMMenuContainer0724170845_0 */
- color:#ffffff;
- background: #0066ff url('img/mmmenu1_55x19_over.gif');
- }
- </style>
- </head>
- <body bgcolor="#3068d5" onLoad="MM_preloadImages('img/inicio_f2.png','img/inicio_f4.png','img/inicio_f3.png','img/biografia_f2.png','img/biografia_f4.png','img/biografia_f3.png','img/toques_f2.png','img/toques_f4.png','img/toques_f3.png','img/multimedia_f2.png','img/multimedia_f4.png','img/multimedia_f3.png','img/contactos_f2.png','img/contactos_f4.png','img/contactos_f3.png');" style="text-align: center">
- <div id="FWTableContainer869237267">
- <table bgcolor="#3068d5" border="0" cellpadding="0" cellspacing="0" width="690">
- <!-- fwtable fwsrc="Sin título-1.png" fwbase="menu.png" fwstyle="Dreamweaver" fwdocid = "869237267" fwnested="0" -->
- <tr>
- <td>
- <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" border="0" alt="" width="1" height="1"></td>
- </tr>
- <tr>
- <td>
- <p align="center"><img name="inicio" src="img/inicio.png" width="138" height="55" border="0" usemap="#m_inicio" alt=""></td>
- <td>
- <p align="center"><img name="biografia" src="img/biografia.png" width="138" height="55" border="0" usemap="#m_biografia" alt=""></td>
- <td>
- <p align="center"><img name="toques" src="img/toques.png" width="138" height="55" border="0" usemap="#m_toques" alt=""></td>
- <td>
- <p align="center"><img name="multimedia" src="img/multimedia.png" width="138" height="55" border="0" usemap="#m_multimedia" alt=""></td>
- <td>
- <p align="center"><img name="contactos" src="img/contactos.png" width="138" height="55" border="0" usemap="#m_contactos" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" width="1" height="55" border="0" alt=""></td>
- </tr>
- <tr>
- <td colspan="5" bgcolor="#3068d5">
- <p align="center"><img src="img/spacer.gif" width="690" height="545" border="0" alt=""></td>
- <td>
- <p align="center"><img src="img/spacer.gif" width="1" height="545" border="0" alt=""></td>
- </tr>
- <map name="m_inicio">
- <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="inicio.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','inicio','img/inicio_f2.png','img/inicio_f4.png',1);" onClick="MM_nbGroup('down','navbar1','inicio','img/inicio_f3.png',1);" >
- </map>
- <map name="m_biografia">
- <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="bio.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','biografia','img/biografia_f2.png','img/biografia_f4.png',1);" onClick="MM_nbGroup('down','navbar1','biografia','img/biografia_f3.png',1);" >
- </map>
- <map name="m_toques">
- <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="toque.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');MM_menuStartTimeout(1000);" onMouseOver="MM_menuShowMenu('MMMenuContainer0726202617_0', 'MMMenu0726202617_0',19,36,'toques');MM_nbGroup('over','toques','img/toques_f2.png','img/toques_f4.png',1);" onClick="MM_nbGroup('down','navbar1','toques','img/toques_f3.png',1);" >
- </map>
- <map name="m_multimedia">
- <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="javascript:;" target="contenido" alt="" onMouseOut="MM_nbGroup('out');MM_menuStartTimeout(1000);" onMouseOver="MM_menuShowMenu('MMMenuContainer0724170845_0', 'MMMenu0724170845_0',19,36,'multimedia');MM_nbGroup('over','multimedia','img/multimedia_f2.png','img/multimedia_f4.png',1);" onClick="MM_nbGroup('down','navbar1','multimedia','img/multimedia_f3.png',1);" >
- </map>
- <map name="m_contactos">
- <area shape="poly" coords="29,17,110,17,116,20,119,27,119,27,116,34,110,37,29,37,22,34,19,27,19,27,22,20,29,17" href="con.html" target="contenido" alt="" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','contactos','img/contactos_f2.png','img/contactos_f4.png',1);" onClick="MM_nbGroup('down','navbar1','contactos','img/contactos_f3.png',1);" >
- </map>
- </table>
- <div id="MMMenuContainer0726202617_0">
- <div id="MMMenu0726202617_0" onMouseOut="MM_menuStartTimeout(1000);" onMouseOver="MM_menuResetTimeout();">
- <p style="text-align: center">
- <a href="http://narfweb.iespana.es/insert.php" target="contenido" id="MMMenu0726202617_0_Item_0" class="MMMIFHStyleMMMenu0726202617_0" onMouseOver="MM_menuOverMenuItem('MMMenu0726202617_0');">
- Ingresar
- </a>
- <a href="http://narfweb.iespana.es/delete.php" target="contenido" id="MMMenu0726202617_0_Item_1" class="MMMIHStyleMMMenu0726202617_0" onMouseOver="MM_menuOverMenuItem('MMMenu0726202617_0');">
- Eliminar
- </a>
- </div>
- </div>
- <div id="MMMenuContainer0724170845_0">
- <div id="MMMenu0724170845_0" onMouseOut="MM_menuStartTimeout(1000);" onMouseOver="MM_menuResetTimeout();">
- <p style="text-align: center">
- <a href="fotos.html" target="contenido" id="MMMenu0724170845_0_Item_0" class="MMMIFHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');">
- Fotos
- </a>
- <a href="musica.html" target="contenido" id="MMMenu0724170845_0_Item_1" class="MMMIHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');">
- Musica
- </a>
- <a href="video.html" target="contenido" id="MMMenu0724170845_0_Item_2" class="MMMIHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');">
- Videos
- </a>
- </div>
- </div>
- </div>
- </body>
- </html>