Foros del Web » Creando para Internet » HTML »

porblemas con IE y las css y los marcos flotantes

Estas en el tema de porblemas con IE y las css y los marcos flotantes en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/08/2011, 17:24
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 6 años, 11 meses
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. <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. <script type="text/xml">
  121. <!--
  122. <oa:widgets>
  123.  <oa:widget wid="2559022" binding="#slideshow" />
  124. </oa:widgets>
  125. -->
  126. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  127. <link rel="icon" href="/favicon.ico" type="image/x-icon">
  128. </head>
  #2 (permalink)  
Antiguo 09/08/2011, 17:32
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 6 años, 11 meses
Puntos: 3
Respuesta: porblemas con IE y las css y los marcos flotantes

estos son los problemas que me sale y cuando intento hacer algo se me va todo el diseño de la web y el problema solo lo tengo con el internet explorer

linea 58
y el error que me sale error de margen flotante doble.
Problema de ampliación de cuadros.

Linea 40
problema de ampliación de cuadro.

Linea 52
problema de ampliación de cuadro.

Linea 64
problema de caida de un elemento flotante

Etiquetas: css, flotantes, marcos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:20.