Comunidad de diseño web y desarrollo en internet online

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

Citar            
MensajeEscrito el 04 Feb 2010 11:19 pm
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 :twisted: :twisted: 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.

Por midnightlegna

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Feb 2010 03:33 pm
Como tienes embebida tu película flash en tu página?

Por flashreloco

Claber

1310 de clabLevel

1 tutorial
1 articulo

Genero:Masculino  

Webdesigner & Mandilon 2.0

firefox
Citar            
MensajeEscrito el 11 Feb 2010 04:11 pm

flashreloco escribió:

Como tienes embebida tu película flash en tu página?


La tenia embebida por medio del codigo que te genera el Flash CS3 en el que debes de incluir el "AC_RunActiveContent.js" y en la pagina pues solo el codigo que se anexa

Código Javascript :

<script language="javascript" type="text/javascript"> AC_FL_RunContent = 0; </script>
<script language="javascript" type="text/javascript"> DetectFlashVer = 0; </script>
<script language="JavaScript" type="text/javascript">
<!--
if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {
   alert("Esta página requiere el archivo AC_RunActiveContent.js.");
} else {
   var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
   if(hasRightVersion) {  // si se ha detectado una versión aceptable
      // incorporar la película flash
      AC_FL_RunContent(
         'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,14,0',
         'width', '100%',
         'height', '100%',
         'src', 'index',
         'quality', 'high',
         'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
         'align', 'middle',
         'play', 'true',
         'loop', 'true',
         'scale', 'showall',
         'wmode', 'transparent',
         'devicefont', 'false',
         'id', 'index',
         'bgcolor', '#000000',
         'name', 'index',
         'menu', 'true',
         'allowScriptAccess','sameDomain',
         'allowFullScreen','false',
         'movie', 'index',
         'salign', ''
         ); //end AC code
   } else {  // la versión de flash es demasiado antigua o no se puede detectar el plug-in
      var alternateContent = 'El contenido HTML alternativo debe colocarse aquí. '
         + 'Este contenido requiere Adobe Flash Player. '
         + '<a href=https://www.macromedia.com/go/getflash/>Obtener Flash</a>';
      document.write(alternateContent);  // Insertar contenido que no sea de Flash 
   }
}
// -->
</script>


Ahora ya lo cambie al embebido tradicional adentro de un <div> y quedo asi

Código HTML :

<div align="center">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="100%">
    <param name="movie" value="index.swf"/>
    <param name="quality" value="high" />
    <embed src="index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
  </object>
</div>


El problema es que ahora el menu se oculta debajo de la pelicula flash, con el primer metodo lo solucionaba poniendo la propiedad wmode= 'transparent', como se puede ver en el codigo pero ahora no se como solucionarlo, ya intente con la propiedad z-index y no queda.

Por midnightlegna

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Feb 2010 07:05 pm
Hola mira te recomiendo uses el swfobject, para embeber tu página es muy facil de usarlo.
Mira sus FAQ.

Para solucionar la parte del swf que se ve encima de tu menu prueba con esta pequeño tip, crear un DIV que contenga tu película Flash. Este DIV contendrá, en este caso, un z-index=-999;

Código HTML :

#flash {
z-index: -999;
}

Lo usas asi;
<div id="flash">
Tu codigo object.
</div>



Adentro de ese div metes tu película Flash para que no se visualice adelante de tu menu.
Te recomiendo que cambies en el OBJECT el parámetro wmode=”opaque”. Con opaque, la película Flash se esconderá detrás de cualquier elemento, sea éste HTML o controlado por Javascript.


Saludos

Por flashreloco

Claber

1310 de clabLevel

1 tutorial
1 articulo

Genero:Masculino  

Webdesigner & Mandilon 2.0

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.