Foro - Perl en Español

La comunidad de programadores en Perl de habla hispana.

Obviar


  • Publicidad

Problema con Firefox y una tabla

Preguntas y comentarios relacionadas con HTML y CSS.
Publicar una respuesta

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

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: 14480
Registrado: 2005-07-24 18:12 @800
Ubicación: Valladolid, España
Arriba
Publicar una respuesta

Volver a HTML

¿Quién está conectado?

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

Powered by phpBB® Forum Software © phpBB Group
Traducción al Español Mexicano por nextgen en colaboración con phpbb-es.com
phpBB SEO
Advertisements by Advertisement Management