Re: [Ovillo] centrar div con li en Firefox
Se me ha olvidado poner el enlace: http://www.arkitera.es/zumo - Original Message - From: "Andres" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 05, 2007 3:45 AM Subject: Re: [Ovillo] centrar div con li en Firefox Las propiedades de los enlaces ya he conseguido que funcionen: a:link{ text-decoration:none; color:#00; } a:active{ text-decoration:none; color:#CC; } a:hover{ text-decoration:underline; color:#CC; } a:visited{ color:#00; text-decoration:underline; } a{ font-size:10px; color:#00; } Me quedo con la duda de por qué no funcionaba al principio. - Original Message - From: "Andres" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 05, 2007 3:18 AM Subject: Re: [Ovillo] centrar div con li en Firefox He conseguido centrar el div quitando #contenedormenus y con #menus{ width:600px; text-align:center; } Ahora sólo quedan las propiedades de los enlaces... - Original Message - From: "Andres" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 05, 2007 2:55 AM Subject: [Ovillo] centrar div con li en Firefox No entiendo qué es lo que falla aquí. En Explorer todo se ve bien, pero en Firefox no. Ni siquiera salen los colores en los enlaces. *, html{ margin:0; padding:0; } body{ margin: 0px; padding: 0px; border: 0px; overflow: auto; height: 100%; max-height: 100%; text-align:center; } #centrado{ width: 100%; position: absolute; left: 50%; margin: 0px 0px 0px -50%; } #foto{ width:100%; text-align:center; } /* MENUS */ #contenedormenus{ width:100%; text-align:center; } #menus{ width:600px; text-align:center; } /* grafico */ menugrafico{ margin-left:5px; margin-top:20px; width: 190px; font-family: "Trebuchet MS"; float:left; } menugrafico li{ font-family: "Trebuchet MS"; color: #CC; list-style:none; font-size:12px; list-style:none; text-align:left; } menugrafico li ul{ padding:0; margin:0; list-style:none; text-indent: 25px; margin-top:0px; padding-top:0px; line-height: 14px; } menugrafico li ul a:link{ text-decoration:none; color:#00; } menugrafico li ul a:active{ text-decoration:none; color:#CC; } menugrafico li ul a:hover{ text-decoration:underline; color:#CC; } menugrafico li ul a:visited{ color:#00; } menugrafico li ul a{ font-size:10px; } ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar div con li en Firefox
Las propiedades de los enlaces ya he conseguido que funcionen: a:link{ text-decoration:none; color:#00; } a:active{ text-decoration:none; color:#CC; } a:hover{ text-decoration:underline; color:#CC; } a:visited{ color:#00; text-decoration:underline; } a{ font-size:10px; color:#00; } Me quedo con la duda de por qué no funcionaba al principio. - Original Message - From: "Andres" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 05, 2007 3:18 AM Subject: Re: [Ovillo] centrar div con li en Firefox He conseguido centrar el div quitando #contenedormenus y con #menus{ width:600px; text-align:center; } Ahora sólo quedan las propiedades de los enlaces... - Original Message - From: "Andres" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 05, 2007 2:55 AM Subject: [Ovillo] centrar div con li en Firefox No entiendo qué es lo que falla aquí. En Explorer todo se ve bien, pero en Firefox no. Ni siquiera salen los colores en los enlaces. *, html{ margin:0; padding:0; } body{ margin: 0px; padding: 0px; border: 0px; overflow: auto; height: 100%; max-height: 100%; text-align:center; } #centrado{ width: 100%; position: absolute; left: 50%; margin: 0px 0px 0px -50%; } #foto{ width:100%; text-align:center; } /* MENUS */ #contenedormenus{ width:100%; text-align:center; } #menus{ width:600px; text-align:center; } /* grafico */ menugrafico{ margin-left:5px; margin-top:20px; width: 190px; font-family: "Trebuchet MS"; float:left; } menugrafico li{ font-family: "Trebuchet MS"; color: #CC; list-style:none; font-size:12px; list-style:none; text-align:left; } menugrafico li ul{ padding:0; margin:0; list-style:none; text-indent: 25px; margin-top:0px; padding-top:0px; line-height: 14px; } menugrafico li ul a:link{ text-decoration:none; color:#00; } menugrafico li ul a:active{ text-decoration:none; color:#CC; } menugrafico li ul a:hover{ text-decoration:underline; color:#CC; } menugrafico li ul a:visited{ color:#00; } menugrafico li ul a{ font-size:10px; } ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar div con li en Firefox
He conseguido centrar el div quitando #contenedormenus y con #menus{ width:600px; text-align:center; } Ahora sólo quedan las propiedades de los enlaces... - Original Message - From: "Andres" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Saturday, May 05, 2007 2:55 AM Subject: [Ovillo] centrar div con li en Firefox No entiendo qué es lo que falla aquí. En Explorer todo se ve bien, pero en Firefox no. Ni siquiera salen los colores en los enlaces. *, html{ margin:0; padding:0; } body{ margin: 0px; padding: 0px; border: 0px; overflow: auto; height: 100%; max-height: 100%; text-align:center; } #centrado{ width: 100%; position: absolute; left: 50%; margin: 0px 0px 0px -50%; } #foto{ width:100%; text-align:center; } /* MENUS */ #contenedormenus{ width:100%; text-align:center; } #menus{ width:600px; text-align:center; } /* grafico */ menugrafico{ margin-left:5px; margin-top:20px; width: 190px; font-family: "Trebuchet MS"; float:left; } menugrafico li{ font-family: "Trebuchet MS"; color: #CC; list-style:none; font-size:12px; list-style:none; text-align:left; } menugrafico li ul{ padding:0; margin:0; list-style:none; text-indent: 25px; margin-top:0px; padding-top:0px; line-height: 14px; } menugrafico li ul a:link{ text-decoration:none; color:#00; } menugrafico li ul a:active{ text-decoration:none; color:#CC; } menugrafico li ul a:hover{ text-decoration:underline; color:#CC; } menugrafico li ul a:visited{ color:#00; } menugrafico li ul a{ font-size:10px; } ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] centrar div con li en Firefox
No entiendo qué es lo que falla aquí. En Explorer todo se ve bien, pero en Firefox no. Ni siquiera salen los colores en los enlaces. *, html{ margin:0; padding:0; } body{ margin: 0px; padding: 0px; border: 0px; overflow: auto; height: 100%; max-height: 100%; text-align:center; } #centrado{ width: 100%; position: absolute; left: 50%; margin: 0px 0px 0px -50%; } #foto{ width:100%; text-align:center; } /* MENUS */ #contenedormenus{ width:100%; text-align:center; } #menus{ width:600px; text-align:center; } /* grafico */ menugrafico{ margin-left:5px; margin-top:20px; width: 190px; font-family: "Trebuchet MS"; float:left; } menugrafico li{ font-family: "Trebuchet MS"; color: #CC; list-style:none; font-size:12px; list-style:none; text-align:left; } menugrafico li ul{ padding:0; margin:0; list-style:none; text-indent: 25px; margin-top:0px; padding-top:0px; line-height: 14px; } menugrafico li ul a:link{ text-decoration:none; color:#00; } menugrafico li ul a:active{ text-decoration:none; color:#CC; } menugrafico li ul a:hover{ text-decoration:underline; color:#CC; } menugrafico li ul a:visited{ color:#00; } menugrafico li ul a{ font-size:10px; } ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: includes .shtml
hola Celso; podrias referenciarme algo mas sobre tu opnión de los require o includes. No se nada de PHP aunque si de HTML y algo de CSS , pero como montar una web dinamica asi de sencillo? gracias de antemano El día 3/05/07, Celso González <[EMAIL PROTECTED]> escribió: > > On Wed, May 02, 2007 at 05:49:05PM +0200, Pedro Sanz wrote: > > Hola a todos: > > lo primero, disculpas por el OT, pero en el tiempo que la sigo he visto > que > > la gente controla bastante, no sólo de CSS, y por eso me animo a > preguntar. > > > > Hasta ahora he utlizado las plantillas de Dreamweaver para poder > modificar > > elementos comunes de las web que he construido (como menús y los pies de > > pag); pero he visto que existe la alternativa de hacer lo mismo con los > > includes en pags html (o shtml). El caso es que yo no controlo de > > programación, ni pags dinámicas, pero he visto que es una manera > > relativamente sencilla de conseguir lo mismo y, además, he comprobado > que me > > funciona en el servidor que tengo contratado > > La pregunta es: > > > >- ¿voy a tener algún tipo de problema a la hora de la accesibilidad o > >de la validación del Xhtml? > >- ¿qué les parece esta opción de utilizar los includes? ¿qué > >inconvenientes puedo encontrar? > > Tal como ya han comentado los ssi no estan de moda y ahora se lleva mas > el tema en php > Tanto una solución como otra no plantean problemas de accesibilidad o de > validación > > Y aunque comentas que no controlas suficiente de php te paso una pequeña > receta de como funcionan los includes (o el require) en php. > > fichero index.php > > require('ruta/header.php'); > ?> > lorem ipsum > require('ruta/footer.php'); > ?> > > fichero header.php > > > > fichero footer.php > > > > Como ves puedes incluir sentencias php mediante las llaves ?> > el require (está recomendado usar require en vez de include) lo > único que hace es incluir el fichero que llamas (no tiene porque > estar en la raiz www del servidor). > > Con una cosa tan simple seguro que puedes sacarle provecho y aunque > no te metas en programación te recomiendo que miras algun manual > de php > > Saludos > > -- > Celso González (aka PerroVerd) GPG key 0x2DA367B7 > http://mitago.net > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: includes .shtml
Además, por la forma en que trabaja el servidor, SSI hace una lectura completa de la página antes de hacer las inclusiones. Php es aproximadamente ¡10 veces más rápido! Emilio - Original Message - From: "NetVicious" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, May 04, 2007 12:48 PM Subject: Re: [Ovillo] OT: includes .shtml Hola xNoleet, El miércoles, 2 may 2007 a las 18:48, escribiste: > Porque estan en desuso? Veo, por ejemplo, que el wordpress usa muchos > includes en sus archivos PHP. A ver, el HTML 3.2 también está en desuso pero sigue funcionando correctamente. Yo no digo que no se use, simplemente que es algo que se utilizaba hace bastantes años y que hoy en día se emplean herramientas mejores. Pero si dado el caso es la única opción viable porque su servidor no admite PHP o similar, pues adelante. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Hola Nacho, El viernes, 4 may 2007 a las 11:20, escribiste: > Me está surgiendo un problema y no acabo de dar con la solución. Resulta > que cuando floto un componente, el que sea, a izquierda o derecha, y le > pongo un width, padding, etc. en firefox toma la medida de una manera y > en explorer de otra. Es como si el explorer duplicara las medidas por > ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le > pongo a una un margin:2em para separarlas es como si explorer lo tomara > como 2em y firefox como 1em o viceversa. El IE tiene un problemas con los margenes en los elementos flotantes. Mirate la siguiente web. La solución es muy sencilla, hay que meter un display: inline; como bien te han dicho en otro mensaje. http://www.positioniseverything.net/explorer/doubled-margin.html -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: includes .shtml
Hola xNoleet, El miércoles, 2 may 2007 a las 18:48, escribiste: > Porque estan en desuso? Veo, por ejemplo, que el wordpress usa muchos > includes en sus archivos PHP. A ver, el HTML 3.2 también está en desuso pero sigue funcionando correctamente. Yo no digo que no se use, simplemente que es algo que se utilizaba hace bastantes años y que hoy en día se emplean herramientas mejores. Pero si dado el caso es la única opción viable porque su servidor no admite PHP o similar, pues adelante. -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementosfloat
Recuerda que IE no toma en cuenta la barra de desplazamiento lateral y Firefox si. Un cordial saludo de SantosVZ -Mensaje original- De: "Nacho F. Carreño" [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 04 de Mayo de 2007 05:21 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Diferentes medidas en firefox y explorer para elementosfloat Hola a [EMAIL PROTECTED], Me está surgiendo un problema y no acabo de dar con la solución. Resulta que cuando floto un componente, el que sea, a izquierda o derecha, y le pongo un width, padding, etc. en firefox toma la medida de una manera y en explorer de otra. Es como si el explorer duplicara las medidas por ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le pongo a una un margin:2em para separarlas es como si explorer lo tomara como 2em y firefox como 1em o viceversa. Un saludo, Nacho ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Efectivamente, copié mal el código lo que tengo en #central es margin: 0 0 0 1em; Si le quito el float a #central se descompone toda en firefox y queda en explorer quedan las capas casi pegadas. Además no puedo hacer eso porque tengo otra capa flotada a la izquierda. El diseño es de tres columnas #lateral - #central - #publicidad . Las dos primeras están flotadas a la izquierda y la otra a la derecha. Javier Prieto escribió: > De todas formas si usas el margin de #central para separarlos > margin 0 1em 0 0; > > Deberias poner ... margin: 0 0 0 1em; para el margen izquierdo no? > > Javier Prieto escribió: > >> Y si le quitas el float:left a #central >> >> Pon el HTML también please >> >> Nacho F. Carreño escribió: >> >> >>> Les he puesto display:inline; a las dos capas y nada, y no creo que sea >>> problema del modelo de cajas. Os muestro el código a continuación para >>> que lo veáis, la verdad es que es bastante simple, no me explico donde >>> puede estar el error. El caso es que con este código se muestra >>> correctamente en explorer con una separación exacta de 1em (16px) y en >>> firefox me aparece una separación de una capa a otra de 1 o 2 px. Es >>> más, si el margin de #central lo pongo a 0 en explorer aparece pegada >>> una capa junto a la otra y en firefox aparece montada la capa #central >>> sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy >>> volviendo loco... este es el código... >>> >>> #lateral { >>> width:10em; float:left; padding:0; border:0; margin:0; >>> } >>> >>> #central { >>> margin:0 1em 0 0; width:25.69em; float:left; >>> } >>> >>> Javier Prieto escribió: >>> >>> >>> Hola Nacho: Esta es de las fáciles. Si a estos elementos le pones display:inline no te duplica el margen en el Explorer Prueba a ver Nacho F. Carreño escribió: > Hola a [EMAIL PROTECTED], > > Me está surgiendo un problema y no acabo de dar con la solución. Resulta > que cuando floto un componente, el que sea, a izquierda o derecha, y le > pongo un width, padding, etc. en firefox toma la medida de una manera y > en explorer de otra. Es como si el explorer duplicara las medidas por > ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le > pongo a una un margin:2em para separarlas es como si explorer lo tomara > como 2em y firefox como 1em o viceversa. > > Un saludo, > > Nacho > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo __ Información de NOD32, revisión 2238 (20070503) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.com >>> ___ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >>> >>> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > __ Información de NOD32, revisión 2238 (20070503) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
De todas formas si usas el margin de #central para separarlos margin 0 1em 0 0; Deberias poner ... margin: 0 0 0 1em; para el margen izquierdo no? Javier Prieto escribió: > Y si le quitas el float:left a #central > > Pon el HTML también please > > Nacho F. Carreño escribió: > >> Les he puesto display:inline; a las dos capas y nada, y no creo que sea >> problema del modelo de cajas. Os muestro el código a continuación para >> que lo veáis, la verdad es que es bastante simple, no me explico donde >> puede estar el error. El caso es que con este código se muestra >> correctamente en explorer con una separación exacta de 1em (16px) y en >> firefox me aparece una separación de una capa a otra de 1 o 2 px. Es >> más, si el margin de #central lo pongo a 0 en explorer aparece pegada >> una capa junto a la otra y en firefox aparece montada la capa #central >> sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy >> volviendo loco... este es el código... >> >> #lateral { >> width:10em; float:left; padding:0; border:0; margin:0; >> } >> >> #central { >> margin:0 1em 0 0; width:25.69em; float:left; >> } >> >> Javier Prieto escribió: >> >> >>> Hola Nacho: >>> >>> Esta es de las fáciles. >>> Si a estos elementos le pones display:inline no te duplica el margen en >>> el Explorer >>> >>> Prueba a ver >>> >>> Nacho F. Carreño escribió: >>> >>> >>> Hola a [EMAIL PROTECTED], Me está surgiendo un problema y no acabo de dar con la solución. Resulta que cuando floto un componente, el que sea, a izquierda o derecha, y le pongo un width, padding, etc. en firefox toma la medida de una manera y en explorer de otra. Es como si el explorer duplicara las medidas por ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le pongo a una un margin:2em para separarlas es como si explorer lo tomara como 2em y firefox como 1em o viceversa. Un saludo, Nacho ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo >>> ___ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> __ Información de NOD32, revisión 2238 (20070503) __ >>> >>> Este mensaje ha sido analizado con NOD32 antivirus system >>> http://www.nod32.com >>> >>> >>> >>> >>> >>> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Y si le quitas el float:left a #central Pon el HTML también please Nacho F. Carreño escribió: > Les he puesto display:inline; a las dos capas y nada, y no creo que sea > problema del modelo de cajas. Os muestro el código a continuación para > que lo veáis, la verdad es que es bastante simple, no me explico donde > puede estar el error. El caso es que con este código se muestra > correctamente en explorer con una separación exacta de 1em (16px) y en > firefox me aparece una separación de una capa a otra de 1 o 2 px. Es > más, si el margin de #central lo pongo a 0 en explorer aparece pegada > una capa junto a la otra y en firefox aparece montada la capa #central > sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy > volviendo loco... este es el código... > > #lateral { > width:10em; float:left; padding:0; border:0; margin:0; > } > > #central { > margin:0 1em 0 0; width:25.69em; float:left; > } > > Javier Prieto escribió: > >> Hola Nacho: >> >> Esta es de las fáciles. >> Si a estos elementos le pones display:inline no te duplica el margen en >> el Explorer >> >> Prueba a ver >> >> Nacho F. Carreño escribió: >> >> >>> Hola a [EMAIL PROTECTED], >>> >>> Me está surgiendo un problema y no acabo de dar con la solución. Resulta >>> que cuando floto un componente, el que sea, a izquierda o derecha, y le >>> pongo un width, padding, etc. en firefox toma la medida de una manera y >>> en explorer de otra. Es como si el explorer duplicara las medidas por >>> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le >>> pongo a una un margin:2em para separarlas es como si explorer lo tomara >>> como 2em y firefox como 1em o viceversa. >>> >>> Un saludo, >>> >>> Nacho >>> ___ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >>> >>> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> __ Información de NOD32, revisión 2238 (20070503) __ >> >> Este mensaje ha sido analizado con NOD32 antivirus system >> http://www.nod32.com >> >> >> >> >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Les he puesto display:inline; a las dos capas y nada, y no creo que sea problema del modelo de cajas. Os muestro el código a continuación para que lo veáis, la verdad es que es bastante simple, no me explico donde puede estar el error. El caso es que con este código se muestra correctamente en explorer con una separación exacta de 1em (16px) y en firefox me aparece una separación de una capa a otra de 1 o 2 px. Es más, si el margin de #central lo pongo a 0 en explorer aparece pegada una capa junto a la otra y en firefox aparece montada la capa #central sobre la capa #lateral unos 15px (lo que sería 1em)... me estoy volviendo loco... este es el código... #lateral { width:10em; float:left; padding:0; border:0; margin:0; } #central { margin:0 1em 0 0; width:25.69em; float:left; } Javier Prieto escribió: > Hola Nacho: > > Esta es de las fáciles. > Si a estos elementos le pones display:inline no te duplica el margen en > el Explorer > > Prueba a ver > > Nacho F. Carreño escribió: > >> Hola a [EMAIL PROTECTED], >> >> Me está surgiendo un problema y no acabo de dar con la solución. Resulta >> que cuando floto un componente, el que sea, a izquierda o derecha, y le >> pongo un width, padding, etc. en firefox toma la medida de una manera y >> en explorer de otra. Es como si el explorer duplicara las medidas por >> ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le >> pongo a una un margin:2em para separarlas es como si explorer lo tomara >> como 2em y firefox como 1em o viceversa. >> >> Un saludo, >> >> Nacho >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > __ Información de NOD32, revisión 2238 (20070503) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Creo que es por el modelo de cajas, en IE no es igual que en el estándar, Si creas una caja de 100px y le pones un padding de 20px, en W3C ocupará 120px, siendo 100px el contenido y 20px entre el mismo contenido y el borde. En Internet Explorer ocupará 100px, siendo 80px el contenido y quedando igualmente 20px entre el contenido y el borde de la caja. La diferencia es que uno lo resta y el otro lo añade. En la web de kemie[1] tienes un artículo que explica muy bien el modelo de cajas. [1] http://www.disenorama.com Saludos... -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diferentes medidas en firefox y explorer para elementos float
Hola Nacho: Esta es de las fáciles. Si a estos elementos le pones display:inline no te duplica el margen en el Explorer Prueba a ver Nacho F. Carreño escribió: > Hola a [EMAIL PROTECTED], > > Me está surgiendo un problema y no acabo de dar con la solución. Resulta > que cuando floto un componente, el que sea, a izquierda o derecha, y le > pongo un width, padding, etc. en firefox toma la medida de una manera y > en explorer de otra. Es como si el explorer duplicara las medidas por > ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le > pongo a una un margin:2em para separarlas es como si explorer lo tomara > como 2em y firefox como 1em o viceversa. > > Un saludo, > > Nacho > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Diferentes medidas en firefox y explorer para elementos float
Hola a [EMAIL PROTECTED], Me está surgiendo un problema y no acabo de dar con la solución. Resulta que cuando floto un componente, el que sea, a izquierda o derecha, y le pongo un width, padding, etc. en firefox toma la medida de una manera y en explorer de otra. Es como si el explorer duplicara las medidas por ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le pongo a una un margin:2em para separarlas es como si explorer lo tomara como 2em y firefox como 1em o viceversa. Un saludo, Nacho ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo