• Publicidad

Problema con Firefox y una tabla

Preguntas y comentarios relacionadas con HTML y CSS.

Problema con Firefox y una tabla

Notapor tricopablo1 » 2008-07-30 21:47 @949

Buenas, soy nuevo en este foro. Espero puedan ayudarme.
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:

Sintáxis: [ Descargar ] [ Ocultar ]
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
  2. <!-- saved from url=(0014)about:internet --> 
  3. <html> 
  4. <head> 
  5. <title>menu.png</title> 
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  7. <!--Fireworks 8 Dreamweaver 8 target. Created Wed Jul 30 23:09:42 GMT-0300 2008--> 
  8. <script language="JavaScript"> 
  9. <!-- 
  10. function MM_findObj(n, d) { //v4.01 
  11. var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
  12. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
  13. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
  14. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  15. if(!x && d.getElementById) x=d.getElementById(n); return x; 
  16. function MM_nbGroup(event, grpName) { //v6.0 
  17. var i,img,nbArr,args=MM_nbGroup.arguments; 
  18. if (event == "init" && args.length > 2) { 
  19. if ((img = MM_findObj(args[2])) != null && !img.MM_init) { 
  20. img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; 
  21. if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); 
  22. nbArr[nbArr.length] = img; 
  23. for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { 
  24. if (!img.MM_up) img.MM_up = img.src; 
  25. img.src = img.MM_dn = args[i+1]; 
  26. nbArr[nbArr.length] = img; 
  27. } } 
  28. } else if (event == "over") { 
  29. document.MM_nbOver = nbArr = new Array(); 
  30. for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { 
  31. if (!img.MM_up) img.MM_up = img.src; 
  32. img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up); 
  33. nbArr[nbArr.length] = img; 
  34. } else if (event == "out" ) { 
  35. 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; } 
  36. } else if (event == "down") { 
  37. nbArr = document[grpName]; 
  38. if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } 
  39. document[grpName] = nbArr = new Array(); 
  40. for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { 
  41. if (!img.MM_up) img.MM_up = img.src; 
  42. img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; 
  43. nbArr[nbArr.length] = img; 
  44. } } 
  45.  
  46. function MM_preloadImages() { //v3.0 
  47. var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 
  48. var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 
  49. if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 
  50.  
  51. //--> 
  52. </script> 
  53. <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script> 
  54. <style type="text/css" media="screen"> 
  55. td img { 
  56. /* Another Mozilla/Netscape bug with making sure our images display correctly */ 
  57. display: block; 
  58.  
  59. #FWTableContainer869237267 { 
  60. /* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */ 
  61. position:relative; 
  62. margin:0px; 
  63. width:690px; 
  64. height:600px; 
  65. text-align:left; 
  66.  
  67. #MMMenuContainer0726202617_0 { 
  68. /* 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 */ 
  69. position:absolute; 
  70. left:294px; 
  71. top:36px; 
  72. visibility:hidden; 
  73. z-index:300; 
  74.  
  75. #MMMenu0726202617_0 { 
  76. /* This class defines things about menu MMMenu0726202617_0's div. */ 
  77. position:absolute; 
  78. left:0px; 
  79. top:0px; 
  80. visibility:hidden; 
  81. background-color:#555555; 
  82. width:110px; 
  83. height:19px; 
  84.  
  85. .MMMIFHStyleMMMenu0726202617_0 { 
  86. /* This class determines the general characteristics of the menu items in menu MMMenu0726202617_0 */ 
  87. width:55px; 
  88. height:19px; 
  89. voice-family: "\"}\""; 
  90. voice-family:inherit; 
  91. width:49px; 
  92. height:13px; 
  93.  
  94. .MMMIHStyleMMMenu0726202617_0 { 
  95. /* This class determines the general characteristics of the menu items in menu MMMenu0726202617_0 */ 
  96. width:55px; 
  97. height:19px; 
  98. voice-family: "\"}\""; 
  99. voice-family:inherit; 
  100. width:49px; 
  101. height:13px; 
  102.  
  103. #MMMenu0726202617_0_Item_0 { 
  104. /* Unique ID for item 0 of menu MMMenu0726202617_0 so we can set its position */ 
  105. left:0px; 
  106. top:0px; 
  107.  
  108. #MMMenu0726202617_0_Item_1 { 
  109. /* Unique ID for item 1 of menu MMMenu0726202617_0 so we can set its position */ 
  110. left:55px; 
  111. top:0px; 
  112.  
  113. #MMMenuContainer0726202617_0 img { 
  114. /* needed for Mozilla/Camino/Netscape */ 
  115. border:0px; 
  116.  
  117. #MMMenuContainer0726202617_0 a { 
  118. /* Controls the general apperance for menu MMMenuContainer0726202617_0's items, including color and font */ 
  119. text-decoration:none; 
  120. font-family:Verdana, Arial, Helvetica, sans-serif; 
  121. font-size:9px; 
  122. color:#ffffff; 
  123. text-align:left; 
  124. vertical-align:middle; 
  125. padding:3px; 
  126. background: #009966 url('img/mmmenu2_55x19_up.gif'); 
  127. font-weight:bold; 
  128. font-style:normal; 
  129. display:block; 
  130. position:absolute 
  131.  
  132. #MMMenuContainer0726202617_0 a:hover { 
  133. /* Controls the mouse over effects for menu MMMenuContainer0726202617_0 */ 
  134. color:#ffffff; 
  135. background: #0066ff url('img/mmmenu2_55x19_over.gif'); 
  136. #MMMenuContainer0724170845_0 { 
  137. /* 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 */ 
  138. position:absolute; 
  139. left:432px; 
  140. top:36px; 
  141. visibility:hidden; 
  142. z-index:300; 
  143.  
  144. #MMMenu0724170845_0 { 
  145. /* This class defines things about menu MMMenu0724170845_0's div. */ 
  146. position:absolute; 
  147. left:0px; 
  148. top:0px; 
  149. visibility:hidden; 
  150. background-color:#555555; 
  151. width:165px; 
  152. height:19px; 
  153.  
  154. .MMMIFHStyleMMMenu0724170845_0 { 
  155. /* This class determines the general characteristics of the menu items in menu MMMenu0724170845_0 */ 
  156. width:55px; 
  157. height:19px; 
  158. voice-family: "\"}\""; 
  159. voice-family:inherit; 
  160. width:49px; 
  161. height:13px; 
  162.  
  163. .MMMIHStyleMMMenu0724170845_0 { 
  164. /* This class determines the general characteristics of the menu items in menu MMMenu0724170845_0 */ 
  165. width:55px; 
  166. height:19px; 
  167. voice-family: "\"}\""; 
  168. voice-family:inherit; 
  169. width:49px; 
  170. height:13px; 
  171.  
  172. #MMMenu0724170845_0_Item_0 { 
  173. /* Unique ID for item 0 of menu MMMenu0724170845_0 so we can set its position */ 
  174. left:0px; 
  175. top:0px; 
  176.  
  177. #MMMenu0724170845_0_Item_1 { 
  178. /* Unique ID for item 1 of menu MMMenu0724170845_0 so we can set its position */ 
  179. left:55px; 
  180. top:0px; 
  181.  
  182. #MMMenu0724170845_0_Item_2 { 
  183. /* Unique ID for item 2 of menu MMMenu0724170845_0 so we can set its position */ 
  184. left:110px; 
  185. top:0px; 
  186.  
  187. #MMMenuContainer0724170845_0 img { 
  188. /* needed for Mozilla/Camino/Netscape */ 
  189. border:0px; 
  190.  
  191. #MMMenuContainer0724170845_0 a { 
  192. /* Controls the general apperance for menu MMMenuContainer0724170845_0's items, including color and font */ 
  193. text-decoration:none; 
  194. font-family:Verdana, Arial, Helvetica, sans-serif; 
  195. font-size:9px; 
  196. color:#ffffff; 
  197. text-align:left; 
  198. vertical-align:middle; 
  199. padding:3px; 
  200. background: #009966 url('img/mmmenu1_55x19_up.gif'); 
  201. font-weight:bold; 
  202. font-style:normal; 
  203. display:block; 
  204. position:absolute 
  205.  
  206. #MMMenuContainer0724170845_0 a:hover { 
  207. /* Controls the mouse over effects for menu MMMenuContainer0724170845_0 */ 
  208. color:#ffffff; 
  209. background: #0066ff url('img/mmmenu1_55x19_over.gif'); 
  210. </style> 
  211. </head> 
  212. <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"> 
  213. <div id="FWTableContainer869237267"> 
  214. <table bgcolor="#3068d5" border="0" cellpadding="0" cellspacing="0" width="690"> 
  215. <!-- fwtable fwsrc="Sin título-1.png" fwbase="menu.png" fwstyle="Dreamweaver" fwdocid = "869237267" fwnested="0" --> 
  216. <tr> 
  217. <td> 
  218. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  219. <td> 
  220. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  221. <td> 
  222. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  223. <td> 
  224. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  225. <td> 
  226. <p align="center"><img src="img/spacer.gif" width="138" height="1" border="0" alt=""></td> 
  227. <td> 
  228. <p align="center"><img src="img/spacer.gif" border="0" alt="" width="1" height="1"></td> 
  229. </tr> 
  230.  
  231. <tr> 
  232. <td> 
  233. <p align="center"><img name="inicio" src="img/inicio.png" width="138" height="55" border="0" usemap="#m_inicio" alt=""></td> 
  234. <td> 
  235. <p align="center"><img name="biografia" src="img/biografia.png" width="138" height="55" border="0" usemap="#m_biografia" alt=""></td> 
  236. <td> 
  237. <p align="center"><img name="toques" src="img/toques.png" width="138" height="55" border="0" usemap="#m_toques" alt=""></td> 
  238. <td> 
  239. <p align="center"><img name="multimedia" src="img/multimedia.png" width="138" height="55" border="0" usemap="#m_multimedia" alt=""></td> 
  240. <td> 
  241. <p align="center"><img name="contactos" src="img/contactos.png" width="138" height="55" border="0" usemap="#m_contactos" alt=""></td> 
  242. <td> 
  243. <p align="center"><img src="img/spacer.gif" width="1" height="55" border="0" alt=""></td> 
  244. </tr> 
  245. <tr> 
  246. <td colspan="5" bgcolor="#3068d5"> 
  247. <p align="center"><img src="img/spacer.gif" width="690" height="545" border="0" alt=""></td> 
  248. <td> 
  249. <p align="center"><img src="img/spacer.gif" width="1" height="545" border="0" alt=""></td> 
  250. </tr> 
  251. <map name="m_inicio"> 
  252. <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);" > 
  253. </map> 
  254. <map name="m_biografia"> 
  255. <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);" > 
  256. </map> 
  257. <map name="m_toques"> 
  258. <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);" > 
  259. </map> 
  260. <map name="m_multimedia"> 
  261. <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);" > 
  262. </map> 
  263. <map name="m_contactos"> 
  264. <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);" > 
  265. </map> 
  266. </table> 
  267. <div id="MMMenuContainer0726202617_0"> 
  268. <div id="MMMenu0726202617_0" onMouseOut="MM_menuStartTimeout(1000);" onMouseOver="MM_menuResetTimeout();"> 
  269. <p style="text-align: center"> 
  270. <a href="http://narfweb.iespana.es/insert.php" target="contenido" id="MMMenu0726202617_0_Item_0" class="MMMIFHStyleMMMenu0726202617_0" onMouseOver="MM_menuOverMenuItem('MMMenu0726202617_0');"> 
  271. Ingresar 
  272. </a> 
  273. <a href="http://narfweb.iespana.es/delete.php" target="contenido" id="MMMenu0726202617_0_Item_1" class="MMMIHStyleMMMenu0726202617_0" onMouseOver="MM_menuOverMenuItem('MMMenu0726202617_0');"> 
  274. Eliminar 
  275. </a> 
  276. </div> 
  277. </div> 
  278. <div id="MMMenuContainer0724170845_0"> 
  279. <div id="MMMenu0724170845_0" onMouseOut="MM_menuStartTimeout(1000);" onMouseOver="MM_menuResetTimeout();"> 
  280. <p style="text-align: center"> 
  281. <a href="fotos.html" target="contenido" id="MMMenu0724170845_0_Item_0" class="MMMIFHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');"> 
  282. Fotos 
  283. </a> 
  284. <a href="musica.html" target="contenido" id="MMMenu0724170845_0_Item_1" class="MMMIHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');"> 
  285. Musica 
  286. </a> 
  287. <a href="video.html" target="contenido" id="MMMenu0724170845_0_Item_2" class="MMMIHStyleMMMenu0724170845_0" onMouseOver="MM_menuOverMenuItem('MMMenu0724170845_0');"> 
  288. Videos 
  289. </a> 
  290. </div> 
  291. </div> 
  292. </div> 
  293. </body> 
  294. </html> 
tricopablo1
Perlero nuevo
Perlero nuevo
 
Mensajes: 1
Registrado: 2008-07-30 21:29 @937

Publicidad

Notapor explorer » 2008-07-31 05:57 @290

Quita 'text-align:left;' del estilo 'FWTableContainer869237267'.

A propósito... no uses FrontPage... está reconocido como el segundo peor programa que Microsoft haya creado nunca (el primero es Outlook Express).

Fireworks trabaja estupendamente con su hermano Dreamweaver.
JF^D Perl programming & Raku programming. Grupo en Telegram: https://t.me/Perl_ES
Avatar de Usuario
explorer
Administrador
Administrador
 
Mensajes: 14476
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España


Volver a HTML

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

cron