Foros del Web » Creando para Internet » HTML »

Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

Estas en el tema de Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona en el foro de HTML en Foros del Web. Saludos a todos espero me puedan ayudar Mi problema es que tengo un conflicto entre un Menu Desplegable en CSS y el resto de mi ...
  #1 (permalink)  
Antiguo 05/02/2010, 10:26
 
Fecha de Ingreso: abril-2009
Mensajes: 5
Antigüedad: 8 años, 7 meses
Puntos: 1
Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

Saludos a todos espero me puedan ayudar

Mi problema es que tengo un conflicto entre un Menu Desplegable en CSS y el resto de mi pagina web en Flash y todo al parecer es a causa de la famosa linea <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">, esto esta asi:

En Firefox si omito esa linea en la cabecera se perfectamente tanto el menu desplegable como el flash. Pero el gran problema es que no se ve el menu desplegable en Internet Explorer y me interesa que se vea bien en este navegador ya que todavia es muy usado.

Si coloco la famosa linea mencionada al principio, en Internet Explorer ya funciona bien el menu hecho en CSS pero la pelicula flash se ve como una miniatura, al igual que en firefox la pagina se ve muy muy pequeña aunque esta configurada para que se vea al 100% tanto de ancho como de alto.

Mi pregunta es si habra una solucion que sea compatible con ambos navegadores, donde tanto el menu desplegable como la parte del flash se vea bien en ambos navegadores.

Agradezco sus comentarios.
  #2 (permalink)  
Antiguo 05/02/2010, 10:42
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Tema movido desde el foro de Accesibilidad y Usabilidad
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 05/02/2010, 11:40
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

podríamos ver tu pagina o el código HTML/CSS de la misma?
Gracias!
  #4 (permalink)  
Antiguo 05/02/2010, 12:35
 
Fecha de Ingreso: abril-2009
Mensajes: 5
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Miren este es el codigo CSS que uso para el menu y lapagina web es la siguiente: http://abcinvestigacionesprivadas.org/

Código CSS:
Ver original
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. body{
  5. padding: 25px;
  6. }
  7.  
  8. /*^'^ Navigation Structure ^'^*/
  9. .nav-container-outer{
  10. background: #990000;
  11. padding: 0px;
  12. height: 74px;
  13. background: url(images/nav-bg.jpg);
  14. }
  15. .float-left{
  16. float: left;
  17. }
  18. .float-right{
  19. float: right;
  20. }
  21. .nav-container .divider{
  22. display:block;
  23. font-size:1px;
  24. border-width:0px;
  25. border-style:solid;
  26. }
  27. .nav-container .divider-vert{
  28. float:left;
  29. width:0px;
  30. display: none;
  31. }
  32. .nav-container .item-secondary-title{
  33. display:block;
  34. cursor:default;
  35. white-space:nowrap;
  36. }
  37. .clear{
  38. font-size:1px;
  39. height:0px;
  40. width:0px;
  41. clear:left;
  42. line-height:0px;
  43. display:block;
  44. float:none;
  45. }
  46. .nav-container{
  47. position:relative;
  48. zoom:1;
  49. margin: 0 auto;
  50. }
  51. .nav-container a, .nav-container li{
  52. float:left;
  53. display:block;
  54. white-space:nowrap;
  55. }
  56. .nav-container div a, .nav-container ul a, .nav-container ul li{
  57. float:none;
  58. }
  59. .nav-container ul{
  60. left:-10000px;
  61. position:absolute;
  62. }
  63. .nav-container, .nav-container ul{
  64. list-style:none;
  65. padding:0px;
  66. margin:0px;
  67. }
  68. .nav-container li a{
  69. float:none
  70. }
  71. .nav-container li{
  72. position:relative;
  73. }
  74. .nav-container ul{
  75. z-index:10;
  76. }
  77. .nav-container ul ul{
  78. z-index:20;
  79. }
  80. .nav-container ul ul ul{
  81. z-index:30;
  82. }
  83. .nav-container ul ul ul ul{
  84. z-index:40;
  85. }
  86. .nav-container ul ul ul ul ul{
  87. z-index:50;
  88. }
  89. li:hover>ul{
  90. left:auto;
  91. }
  92. #nav-container ul {
  93. top:100&#37;;
  94. }
  95. #nav-container ul li:hover>ul{
  96. top:0px;
  97. left:100%;
  98. }
  99.  
  100. /*^'^ Primary Items ^'^*/  
  101. #nav-container a{  
  102. padding:7px 17px 7px 18px;
  103. margin: 10px 0px 0px 0px;
  104. color: #FFFFFF; /*Color de letra*/
  105. font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
  106. font-size:14px;
  107. text-decoration:none;
  108. font-weight: bold;
  109. background: url(images/item-primary-bg.gif);
  110. background-repeat: no-repeat;
  111. background-position: top;
  112. }
  113.  
  114. #nav-container a:hover{
  115. color: #6C3600;
  116. background: url(images/item-primary-bg.gif);
  117. background-repeat: no-repeat;
  118. background-position: center;
  119. }
  120.  
  121. /*^'^ Secondary Items Container ^'^*/  
  122. #nav-container div, #nav-container ul{ 
  123. padding:10px 4px 10px 4px;
  124. margin:0px 0px 0px 0px;
  125. background: url(images/item-secondary-container-bg.jpg);
  126. background-repeat: repeat-x;
  127. background-color: #C00000;
  128. border-bottom: 1px solid #CA6500;
  129. }
  130.  
  131. /*^'^ Secondary Items ^'^*/
  132. #nav-container div a, #nav-container ul a{ 
  133. padding:3px 10px 3px 6px;
  134. background-color: #FFFFFF;
  135. background: url(images/item-secondary-bg.jpg);
  136. background-repeat: no-repeat;
  137. background-position: 0px 22px;
  138. font-size:11px;
  139. border-width:0px;
  140. border-style:none;
  141. margin: 0px 0px 0px 0px;
  142. width: 149px;
  143. }
  144.  
  145. /*^'^ Secondary Items Hover State ^'^*/
  146. #nav-container div a:hover, #nav-container ul a:hover{ 
  147. background-color: #FFFFFF;
  148. background: url(images/item-secondary-bg.jpg);
  149. background-repeat: no-repeat;
  150. color:#CC0000;
  151. }
  152.  
  153. /*^'^ Secondary Item Titles ^'^*/  
  154. #nav-container .item-secondary-title{  
  155. cursor:default;
  156. padding:4px 0px 3px 7px;
  157. color: #6C3600;
  158. font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
  159. font-size:11px;
  160. /* background: url(images/item-secondary-title-bg.jpg); */
  161. background-repeat: no-repeat;
  162. font-weight:bold;
  163. }
  164.  
  165. /*^'^ Horizontal Dividers ^'^*/
  166. #nav-container .divider-horiz{ 
  167. border-top-width:1px;
  168. margin:5px 5px;
  169. border-color: #C16100;
  170. }
  171.  
  172. /*^'^ Vertical Dividers ^'^*/  
  173. #nav-container .divider-vert{  
  174. border-left-width:1px;
  175. height:15px;
  176. margin:4px 2px 0px 2px;
  177. border-color:#AAAAAA;
  178. }
  #5 (permalink)  
Antiguo 05/02/2010, 17:48
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Hola:

No te equivoques el DTD es fundamental: http://es.wikipedia.org/wiki/Definici%C3%B3n_de_tipo_de_documento

Saludos.

  #6 (permalink)  
Antiguo 06/02/2010, 18:48
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problemas con CSS, Flash y el<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Tengo el presentimiento de que el error está en el HTML del flash... Tendríamos que ver este...
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: compatibilidad, css, doctype, flash
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:09.