Comunidad de diseño web y desarrollo en internet online

Probelma con codigo HTML en Intenret Explorer

Citar            
MensajeEscrito el 27 Sep 2011 10:01 am
Hola! Mi pagina web es un archivo flash, y bueno, tiene un fondo que he hecho ajustable para que coincida con mi flash y además para que la película no me pese tanto. El caso es que conseguí hacerme este código que me proporciona al 100 tanto el fondo como la película. Todo exelente hasta que se abre con Internet Explorer y tachan! La película flash se ve pequeñísima! Podeis ayudarme? Aqui os copio el Código de mi HTML:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Website</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.Estilo1 {
   font-family: Verdana, Arial, Helvetica, sans-serif
}
body {
   
   background-color: #E5E5E5;
   background-repeat: no-repeat;   
   
}
body,td,th {
   color: #000000;
}
/*--------------*/
#div_img_fondo{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:0;
}
#img_fondo{
   width:100%;
   /*height:100%;*/
}
#contenedor{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:1;
}
/*-----------------*/
-->
</style>
</head>

<body>

<DIV id="div_img_fondo"><!-- img fondo -->
<img src="background.jpg" name="img_fondo" id="img_fondo"  /> <!-- NOTA: cambia dirección de img -->
<div id="contenedor"><!-- contenedor -->
        <DIV align="center" style="position:absolute; width:960; height:600; z-index:1;">
          <p>
            <script type="text/javascript">
        AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','960','height','600','src','website','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','website' ); //end AC code
          </script>
            <noscript>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="960" height="600">
                <param name="movie" value="website.swf" />
                <param name="quality" value="high" />
                <param name="wmode" value="transparent" />
                <embed src="website.swf" width="960" height="600" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
            </object>
            </noscript>
        </p>
          <p class="Estilo1">contacto / aviso legal / web  EDUCO-OCIO COPYRIGHT ©2011 </p>
        </DIV>
     </div><!-- /contenedor -->
</DIV><!-- /img fondo -->
</body>
</html>


Espero me podáis ayudar, que de verdad lo estoy pasando mal UU. Me encantaría presindir del Internet explorer, pero aun hay gente que lo usa :crap:

Por misato21

35 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Sep 2011 06:08 pm
Hola.
No estoy seguro de cual es el problema, pero la forma de poner un fondo sobre un div es asi
.div { background:url(imagen.algo); }. es mejor hacerlo de este modo que poner una imagen y luego una capa encima.

Otra cosa, por si le sirve, no se si es bueno seguir usando flash.
espero q este codigo le sirva

Código :

<style type="text/css">
#div_img_fondo {
   position:absolute;
   top:0; left:0;
   width:100%;
   /* heigth:920px;*/
  background:url(background.jpg) no-repeat; /* repeat-x ? */
}

</style>
</head>

<body>
<div id="div_img_fondo" align="center"><!-- aling esta deprecado -->
   <object type="application/x-shockwave-flash" data="website.swf" width="960px" height="600px">
      <param name="movie" value="website.swf" />
      <param name="quality" value="high" />
      <!-- <img src="flash_fail.jpg" width="960px" height="600px"/> --><!-- por si no esta el plugin -->
   </object>
</div>
</body>


saludos. :)

Por pablon

38 de clabLevel



Genero:Masculino  

Conozco a un grupo de personas que resuelve cualquier tipo de problema.

firefox
Citar            
MensajeEscrito el 30 Sep 2011 02:01 pm
Hola. He probado el código y no me funciona. Me sale el fondo del lado izquiero y la pelicula del lado derecho, y el fondo no se me redimenciona. Espero me podais ayudar :S

Por misato21

35 de clabLevel



 

chrome
Citar            
MensajeEscrito el 30 Sep 2011 03:36 pm
Sobre la imagen de fondo: como lo estabas haciendo está bien para el propósito que lo quieres. El problema con usar background-image, como te han recomendado, es que la imagen no se redimensiona, tal como has observado.

Lamentablemente ignoro cuál es el problema con IE.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 04 Oct 2011 07:30 am
Que el código no se me ejecuta bien en el Internet explorer, me sale el flash muy pequeñito uu.

Por misato21

35 de clabLevel



 

chrome
Citar            
MensajeEscrito el 04 Oct 2011 12:09 pm
Lo siento, yo no uso flash, no sé cuál es el problema. Tal vez si preguntas en el foro dedicado a flash...

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

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