Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/01/2013, 15:06
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Problemas con opacidad (raro...)

El problema es con la opacidad o con el centrado?
Bueno, de todas maneras a falta de más datos hice esto

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8. .main{
  9.    margin-left:auto;
  10.    margin-right:auto;
  11.    margin-top:auto;
  12.    width:1000px;
  13.    background: lime;
  14. }
  15.  
  16. /*]]>*/
  17.  
  18. <script type="text/javascript">
  19. //<![CDATA[
  20. function launchError(c){
  21.  if(c==1){
  22.    document.getElementById('G_I_Error').innerHTML='Texto';
  23.    setOpacity(document.getElementById('main'), 50);
  24.    document.re.d.setAttribute('onclick', 'voidFunction()');
  25.  }
  26. }
  27.  
  28. function setOpacity(e,o){
  29. e.style.opacity=o/100;
  30. e.style.MozOpacy=o/100;
  31. e.style.filter='alpha(opacity='+o+')';
  32. }
  33.  
  34.  
  35. //]]>
  36. </head>
  37. <body onload="launchError(1);">
  38. <div id="G_I_Error"></div>
  39. <div class="main" id="main">
  40.     <div class="content">
  41.         <!--AQUÍ CONTENIDO...-->
  42.     </div>
  43.    
  44.     <div class="footer">
  45.         <span class="footerL"><span>Contact Us</span><span> | </span><span>FAQ</span><span> | </span><span>Web Map</span><span> | </span><span>Privacy</span><span> | </span><span>Legal Adverstiment & ToS</span><span> | </span><span>About Us</span><span> | </span><span>English</span></span>
  46.        <span class="footerC">Copyright 2012</span>
  47.    </div>
  48.    <div id="G_I_Calendar"></div>
  49. </div>
  50. </body>
  51. </html>

El div main (al que le di un background: lime para diferenciarlo, aparece centrado horizontalmente (margin-left:auto; margin-right:auto;) tanto en IE9 como IE/8/7 (tecla F12).
Lo que no aparece centrado es el contenido del div .main, habría que agregarle text-align: center; ni tampoco la palabra texto generada por la script, que por supuesto está fuera de .main.
En definitiva, no veo el problema
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.