Tema: Problema con IE y las CSS
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/08/2011, 18:01
oliverarthurnardi
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 13 años, 5 meses
Puntos: 3
Problema con IE y las CSS
Hola buenas chicos!!!

Estoy teniendo problemas con el internet explores pero con los demás navegadores todo funciona correctamente.

es que algunas css no me funciona específicamente el problema esta con unos margen flotante de algunas div y no se como puedo solucionar eso porque por ejemplo cuando intento hacer modificaciones para solucionar el problema la pagina se me pone loca y se me desarma completamente el orden de los objetos en el diseño.

Código HTML: 
Ver original
  1. body{
  2.     background:
  3.     radial-gradient(black 15%, transparent 16%) 0 0,radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px;
  4.     radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
  5.     background-color:#282828;
  6.     margin-top:40px;
  7.     }
  8.     
  9.  #contenedor { 
  10.                 background-image:url(imagenes/fondo.jpg);
  11.                 background-repeat:no-repeat;
  12.                 display:block; 
  13.                 width: 960px;
  14.                 height: 640px;
  15.                 text-align: left;
  16.                 margin: 0 auto;
  17.                 border: 2px solid #666;
  18.                -moz-border-radius: 8px;
  19.                -webkit-border-radius: 8px;
  20.             
  21.             }
  22.         
  23.             #menu1 {
  24.                 font-family:Verdana, Geneva, sans-serif;
  25.                 font-size:14px;
  26.                 color: #333;
  27.                 width: 160px;
  28.                 height: 240px;
  29.                 background: #FFF;
  30.                 float: left;
  31.                 margin:25px;
  32.                 margin-top: 150px;
  33.             }
  34.             
  35.             #contenido, #slider  {
  36.                 width: 540px; /*640px*/
  37.                 height: 350px;
  38.                 float:right;
  39.                 background: #333;
  40.                 padding:2px 20px 20px 2px; 
  41.                 margin: 50px;
  42.                 margin-top:90px;
  43.                 border: 0px solid #666;
  44.                -moz-border-radius: 10px;
  45.                -webkit-border-radius: 10px;
  46.             }
  47.             #pie {
  48.                 font-family:Verdana, Geneva, sans-serif;
  49.                 font-size:10px;
  50.                 text-align: right;
  51.                 width:960px;
  52.                 height:25px;
  53.                 margin-top:620px;
  54.                 margin-left:0px;
  55.                 margin-right:90px;
  56.             }
  57.             #fecha,#idioma,#menu2{
  58.                 font-family:Verdana, Geneva, sans-serif;
  59.                 font-size:12px;
  60.                 color:#333;
  61.                 width:160px;
  62.                 height:25px;
  63.                 float:right;
  64.                 margin-top:1px;
  65.                 margin-right:20px;
  66.                 }
  67.             #social{
  68.                 width:110px;
  69.                 height:25px;
  70.                 margin-top:100px;
  71.                 float:right;
  72.                 margin-left:0px;
  73.                 margin-right:10px;
  74.                 padding:4px;
  75.                 }   
  76. h4 {
  77.     color: #666;
  78. }
  79. </style>
  80. <script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
  81. <script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
  82. <style type="text/css">
  83. /* BeginOAWidget_Instance_2559022: #slideshow */
  84.  
  85.             #slideshow {  
  86.                 padding: 5px;
  87.                 margin:0;  
  88.             } 
  89.             #slideshow-caption{
  90.                 padding:0;
  91.                 margin:0;
  92.             }
  93.  
  94.             #slideshow img, #slideshow div {  
  95.                 padding: 5px;
  96.                 background-color: transparent;
  97.                 -webkit-border-radius: 10px;
  98.                 -moz-border-radius: 10px;
  99.                 border-radius: 10px; 
  100.                 margin: 0; 
  101.             }
  102.         
  103. /* EndOAWidget_Instance_2559022 */
  104. a:link {
  105.     text-decoration: none;
  106.     color: #333;
  107. }
  108. a:visited {
  109.     text-decoration: none;
  110.     color: #666;
  111. }
  112. a:hover {
  113.     text-decoration: none;
  114.     color: #999;
  115. }
  116. a:active {
  117.     text-decoration: none;
  118.     color: #333;
  119. }
  120. </style>