Tema: porblemas con IE y las css y los marcos flotantes
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/08/2011, 17:24
oliverarthurnardi
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 14 años
Puntos: 3
porblemas con IE y las css y los marcos flotantes
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. style type="text/css">
  2. body{
  3.     background:
  4.     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;
  5.     radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
  6.     background-color:#282828;
  7.     margin-top:40px;
  8.     }
  9.     
  10.  #contenedor { 
  11.                 background-image:url(imagenes/fondo.jpg);
  12.                 background-repeat:no-repeat;
  13.                 display:block; 
  14.                 width: 960px;
  15.                 height: 640px;
  16.                 text-align: left;
  17.                 margin: 0 auto;
  18.                 border: 2px solid #666;
  19.                -moz-border-radius: 8px;
  20.                -webkit-border-radius: 8px;
  21.             
  22.             }
  23.         
  24.             #menu1 {
  25.                 font-family:Verdana, Geneva, sans-serif;
  26.                 font-size:14px;
  27.                 color: #333;
  28.                 width: 160px;
  29.                 height: 240px;
  30.                 background: #FFF;
  31.                 float: left;
  32.                 margin:25px;
  33.                 margin-top: 150px;
  34.             }
  35.             
  36.             #contenido, #slider  {
  37.                 width: 540px; /*640px*/
  38.                 height: 350px;
  39.                 float:right;
  40.                 background: #333;
  41.                 padding:2px 20px 20px 2px; 
  42.                 margin: 50px;
  43.                 margin-top:90px;
  44.                 border: 0px solid #666;
  45.                -moz-border-radius: 10px;
  46.                -webkit-border-radius: 10px;
  47.             }
  48.             #pie {
  49.                 font-family:Verdana, Geneva, sans-serif;
  50.                 font-size:10px;
  51.                 text-align: right;
  52.                 width:960px;
  53.                 height:25px;
  54.                 margin-top:620px;
  55.                 margin-left:0px;
  56.                 margin-right:90px;
  57.             }
  58.             #fecha,#idioma,#menu2{
  59.                 font-family:Verdana, Geneva, sans-serif;
  60.                 font-size:12px;
  61.                 color:#333;
  62.                 width:160px;
  63.                 height:25px;
  64.                 float:right;
  65.                 margin-top:1px;
  66.                 margin-right:20px;
  67.                 }
  68.             #social{
  69.                 width:110px;
  70.                 height:25px;
  71.                 margin-top:100px;
  72.                 float:right;
  73.                 margin-left:0px;
  74.                 margin-right:10px;
  75.                 padding:4px;
  76.                 }   
  77. h4 {
  78.     color: #666;
  79. }
  80. </style>
  81. <script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
  82. <script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
  83. <style type="text/css">
  84. /* BeginOAWidget_Instance_2559022: #slideshow */
  85.  
  86.             #slideshow {  
  87.                 padding: 5px;
  88.                 margin:0;  
  89.             } 
  90.             #slideshow-caption{
  91.                 padding:0;
  92.                 margin:0;
  93.             }
  94.  
  95.             #slideshow img, #slideshow div {  
  96.                 padding: 5px;
  97.                 background-color: transparent;
  98.                 -webkit-border-radius: 10px;
  99.                 -moz-border-radius: 10px;
  100.                 border-radius: 10px; 
  101.                 margin: 0; 
  102.             }
  103.         
  104. /* EndOAWidget_Instance_2559022 */
  105. a:link {
  106.     text-decoration: none;
  107.     color: #333;
  108. }
  109. a:visited {
  110.     text-decoration: none;
  111.     color: #666;
  112. }
  113. a:hover {
  114.     text-decoration: none;
  115.     color: #999;
  116. }
  117. a:active {
  118.     text-decoration: none;
  119.     color: #333;
  120. }
  121. </style>
  122. <script type="text/xml">
  123. <!--
  124. <oa:widgets>
  125.   <oa:widget wid="2559022" binding="#slideshow" />
  126. </oa:widgets>
  127. -->
  128. </script>
  129. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  130. <link rel="icon" href="/favicon.ico" type="image/x-icon">
  131. </head>