Error De Margen Flotante Doble
(propiedad CSS 'float') en combinación con un margen sobre el mismo lado sobre el que se flota... por ejemplo:div.flotante { float: left; margin-left: 10px;}Si vemos este estilo aplicado en un Internet Explorer, veremos que el margen a la izquierda se duplica debido a un error de interpretación del navegador.Misteriosamente, la solución a este problema, es agregarle la propiedad 'display' con el valor 'inline' a ese selector CSS para que no duplique el margen, entonces nuestra clase CSS nos quedarÃa de la siguiente manera:div.flotante { float: left; margin-left: 10px; display: inline;}Y ahora si, veremos que tenemos el mismo margen en Internet Explorer como en cualquier otro browser.Espero que sirva, estuve bastantes dÃas buscando la solución a esto. Publicado por Leo Etiquetas: css, ie fix 3 comentarios: Anónimo dijo... Gracias por compartir esta información, me ha sido muy útil. 7:04 p.m. magicperu dijo... WOW, de veras muuuchas gracias, este error es fatal siempre cuando uno hace pruebas en los navegadores... cuando parece que todo esta quedando bien, abrimos IE6 y sales todo moviso... gracias! 12:52 p.m. Anónimo dijo... Muchas gracias por la info. 7:32 a.m. Publicar un comentario Entrada más reciente Entrada antigua Página Principal Suscribirse a: Comentarios de la entrada (Atom) Encontrar Búsqueda personalizada Archivo del Blog ► 2012 (1) ► noviembre (1) ► 2011 (2) ► octubre (1) ► marzo (1) ► 2010 (3) ► noviembre (1) ► octubre (1) ► julio (1) ► 2009 (26) ► diciembre (2) ► octubre (2) ► septiembre (1) ► agosto (5) ► julio (2) ► junio (1) ► mayo (2) ► abril (2) ► marzo (2) ► febrero (3) ► enero (4) ▼ 2008 (32) ► diciembre (4) ► noviembre (1) ► septiembre (6) ► agosto (8) ► julio (2) ▼ junio (4) CSS Fix: Doble margen en IE sobre elementos flotan... Paginador simple pa
IE y las CSS Estas en el tema de Problema con IE y las CSS en el foro de CSS 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) 09/08/2011, 18:01 oliverarthurnardi Fecha de Ingreso: noviembre-2010 Ubicación: aun no se donde vivir Mensajes: 112 Antigüedad: 5 años, 10 mesesPuntos: 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 http://infectogroovalistic.blogspot.com/2008/06/doble-margen-en-ie-sobre-elementos.html 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 originalbody{ background: 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; radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-color:#282828; margin-top:40px; } #contenedor { background-image:url(imagenes/fondo.jpg); background-repeat:no-repeat; display:block; http://www.forosdelweb.com/f53/problema-con-ie-las-css-935614/ width: 960px; height: 640px; text-align: left; margin: 0 auto; border: 2px solid #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #menu1 { font-family:Verdana, Geneva, sans-serif; font-size:14px; color: #333; width: 160px; height: 240px; background: #FFF; float: left; margin:25px; margin-top: 150px; } #contenido, #slider { width: 540px; /*640px*/ height: 350px; float:right; background: #333; padding:2px 20px 20px 2px; margin: 50px; margin-top:90px; border: 0px solid #666;
desactivadas en su navegador. Usted tendrá que activarlas en la http://alpari.com/es/faq/trading_terms/calculating_required_margin/ configuración de su navegador para activar ciertas funciones de nuestro http://www.elwebmaster.com/articulos/15-claves-y-hacks-de-css-para-tener-siempre-en-cuenta sitio web.myAlpariRegistrarse en myAlpariPrograma de asociaciónOficinas de AlpariNoticiasEspañolAyudaEncontrar ¡Es nuestro 17° aniversario! Operar ahoraInvertirHacer un depósito +44 8449 869559Chat en lÃneaAcerca de nosotrosHistoria de AlpariNoticias de la compañÃa ContactosRegreso de la corona de ajedrez a RusiaDocumentos de regulación y acuerdosNuestro error de modelo de negociosEquipo de AlpariPatrocinios de AlpariNuestros videosFondo de caridad AlpariProgramas de asociaciónBonusAlpari CashbackEstado clientes PremiumPromociones y ofertas especialesReciba puntos bonus por artÃculoAyudaF o r e xMetales y CFDComercio independienteOperar fondosSeñales comercialesPlataformas comercialesCondiciones comercialesEspecificaciones del contratoRequerimiento de margenConfiguraciones de ejecución de órdenesOpciones de depósito y retiroCalculadora error de margen del trader AyudaOpciones BinariasTérminos comercialesTipos de opciones binariasPlataforma BinaryTraderOpciones de depósito y retiroAyuda de opciones binariasOpere las opciones binarias con la versión móvil de Alpari OptionsInversiónCuentas PAMMClasificación de cuentas PAMMVerificación del servicio de cuentas PAMMFuncionamiento de cuentas PAMMPortafolios PAMMClasificación de portafolios PAMMConstruya su propio portafolio PAMMFuncionamiento de portafolios PAMMIdeas de inversiónProductos estructuradosFondos de inversiónPlataformasPara computadoras personalesMetaTrader 4MetaTrader 5AyudaPara dispositivos móvilesiPhone y iPadAndroidPlataforma web BinaryTraderAcerca de la plataformaAyudaAnalÃticaAnálisis fundamentalCalendario de eventos FXStreetNoticias de FxWireProIndicadores macroeconómicos Calendario de dÃas festivosTasas de interesesAnálisis técnicoPronóstico de Trading CentralSeñales comerciales de AutochartistAnalistas de AlpariRevisiones de los mercadosAnalÃtica de AlpariRevisión diaria de Trading CentralInformadores de AlpariConcurso de analistasConcursosComercialesJackpotFormula FXFull ThrottleVirtual RealityOpciones binariasKing of the HillInversiónOperador de portafolio â„–1Inversor exitosoAnalistasConcurso de analistasEducación de ForexCursos de ForexHorarioPrincipiantesAcerca de ForexCuenta demoGlosarioArtÃculos de ForexPublicaciones de AlpariFAQmyAlpariTérminos de ComercioPrograma Alpari CashbackTransferir FondosPlataformas de ComercioConcurso ComercialesCuentas PAMMPortafolios PAMMInverir FondosProductos EstructuradosCu
y hacks de CSS para tener siempre en cuenta CSS, Internet, navegador, posicionamiento, index, bug, spam, diseño web, float, sprite Como diseñadores y desarrolladores web, todos hemos aprendido muchos trucos y técnicas de CSS que nos ayudan a alcanzar nuestras metas de diseño. La lista de estas técnicas es cada vez mayor, sin embargo, hay ciertos trucos que son esenciales para lograr su objetivo. Hoy, vamos a revisar 20 excelentes técnicas de CSS a tener en cuenta al desarrollar nuestro tema. 1. El posicionamiento absoluto dentro de un elemento posicionado relativamente Poner un elemento absolutamente posicionado dentro de un elemento en posición relativa se traducirá en la posición calculada sobre su antepasado más cercano posicionado. Esta es una excelente técnica para conseguir que un elemento se pose en un determinado lugar en que lo necesites, por ejemplo, una insignia de cabecera. 2. Z-Index y posicionamiento Z-index puede ser algo misterioso para los desarrolladores. A menudo, se encuentran a los diseñadores poniendo un valor z-index muy grande en un div o elemento con el fin de tratar de conseguir que se superponga a otro elemento. Lo que tenemos que tener en cuenta, es que z-index sólo se aplica a los elementos a los que se les da un valor de "posición". Si encuentras un elemento que no se adhiere a una norma de z-index que has aplicado, añade "position: relative" o "position: absolute" al div problemático. 3. Auto Margen Utilizando auto margen en un tema es una fantástica manera de conseguir que un elemento se centre en la pantalla sin preocuparse por el tamaño de la pantalla de los usuarios. Sin embargo, "margin: auto" sólo funciona cuando se declara un ancho para el elemento. Esto también significa que para aplicar margin: auto a los elementos en lÃnea, la primera presentación se debe cambiar a bloque. 4. Utilizar el padding cuidadosa y adecuadamente Un error que a menudo se hace cuando se empieza con CSS es utilizar el padding sin conocer todos los efectos y el modelo de caja CSS. Tengan en cuenta que, según el modelo de caja,