Re: [Ovillo] Lío con los float
Daniel G.B. wrote: hola: El xhtml: !-- div style=float:left; width:100px; border:1px red solid; height:100px;/div div style=float:left; width:100px; border:1px red solid;height:100px; clear:left;/div div style=float:right; width:100px; border:1px red solid;height:100px;/div mira a ver el orden en el xhtml de los div, si el navegador te los interpreta por orden de aparición, pone primero el de arriba a la izda, luego el segundo a la izda y a continuación el tercero que aparecerá a la derecha. ponlo así: div style=float:left; width:100px; border:1px red solid; height:100px;/div div style=float:right; width:100px; border:1px red solid;height:100px;/div div style=float:left; width:100px; border:1px red solid;height:100px; clear:left;/div espero que sea esto salud jorge -- jorge vitoria rubio base digital http://www.basedigital.net [EMAIL PROTECTED] c/ alonso v 33, local 4 50002, zaragoza tel: 976 203 869 ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Lío con los float
Buenas, aprovecho para presentarme. Soy Ricardo Barrios y trabajo en un estudio de diseo. En cuanto a este problema, no se si la importancia semntica del contenido de los cuadros les impide cambiar el orden, pero el efecto deseado puedes lograrlo fcilmente poniendo el cuadro de la derecha justo antes de los de la izquierda. Si no es posible, y manteniendo la semntica, puedes usar contenedores de bloques, lo que te quedara a priori y de forma muy simplista en algo como esto: div style=float:left; div style=width:100px; border:1px red solid; height:100px;/div div style=width:100px; border:1px red solid;height:100px;/div /div div style=float:right; div style=width:100px; border:1px red solid;height:100px; /div /div Funciona, al menos en mi equipo: ubuntu (hoary) linux, Firefox/Mozilla 1.02 El jue, 21-04-2005 a las 23:45 +0200, Daniel G.B. escribi: Hola! A ver si me podeis echar un cable con un problema a base de FLOATS. Tengo 3 bloques, dos flotando a la izquierda (uno debajo del otro) y un tercero flotando a la derecha. El efecto deseable es este (que slo consigo en Explorer): O O O El xhtml: !-- div style=float:left; width:100px; border:1px red solid; height:100px;/div div style=float:left; width:100px; border:1px red solid;height:100px; clear:left;/div div style=float:right; width:100px; border:1px red solid;height:100px;/div No puedo utilizar DIV contenedores y el orden debe ser ese por fuerza (izquierda, izquierda, derecha). En Firefox y en Opera aparece: O O O alguna idea de como podra resolver esto para conseguir la misma estructura? Un saludo Daniel G.B. ___ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://ovillo.org/mailman/listinfo/ovillo -- -- Ricardo J. Barrios Daz [EMAIL PROTECTED] Director del rea de Nuevas Tecnologas Orgnica Diseo Tecnologa y Medio Ambiente ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Lío con los float
Hola, gracias por contestar. Esa era la estructura que tenía inicialmente, pero la tuve que cambiar por fuerzas mayores. Lo que no llego a entender es por qué en la estructura de los 3 DIVs sueltos, el último no se coloca a la derecha en la parte más superior, y se alinea con el segundo (no hay un clear:both sino un clear:left). ¿alguien me lo sabría explicar? Gracias Daniel G.B. At 10:16 22/04/2005, you wrote: Buenas, aprovecho para presentarme. Soy Ricardo Barrios y trabajo en un estudio de diseño. En cuanto a este problema, no se si la importancia semántica del contenido de los cuadros les impide cambiar el orden, pero el efecto deseado puedes lograrlo fácilmente poniendo el cuadro de la derecha justo antes de los de la izquierda. Si no es posible, y manteniendo la semántica, puedes usar contenedores de bloques, lo que te quedarÃa a priori y de forma muy simplista en algo como esto: div style=float:left; div style=width:100px; border:1px red solid; height:100px;/div div style=width:100px; border:1px red solid;height:100px;/div /div div style=float:right; div style=width:100px; border:1px red solid;height:100px; /div /div Funciona, al menos en mi equipo: ubuntu (hoary) linux, Firefox/Mozilla 1.02 El jue, 21-04-2005 a las 23:45 +0200, Daniel G.B. escribió: Hola! A ver si me podeis echar un cable con un problema a base de FLOATS. Tengo 3 bloques, dos flotando a la izquierda (uno debajo del otro) y un tercero flotando a la derecha. El efecto deseable es este (que sólo consigo en Explorer): O O O El xhtml: !-- div style=float:left; width:100px; border:1px red solid; height:100px;/div div style=float:left; width:100px; border:1px red solid;height:100px; clear:left;/div div style=float:right; width:100px; border:1px red solid;height:100px;/div No puedo utilizar DIV contenedores y el orden debe ser ese por fuerza (izquierda, izquierda, derecha). En Firefox y en Opera aparece: O O O ¿alguna idea de como podrÃa resolver esto para conseguir la misma estructura? Un saludo Daniel G.B. ___ 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://ovillo.org/mailman/listinfo/ovillo -- -- Ricardo J. Barrios DÃaz [EMAIL PROTECTED] Director del Ãrea de Nuevas TecnologÃas Orgánica Diseño TecnologÃa y Medio Ambiente ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Lío con los float
Pues se me ocurre que podrías dar un margen superior negativo al tercer div, ya que tienes una altura fija en los otros dos. Un saludo, David Merino On 4/21/05, Daniel G.B. [EMAIL PROTECTED] wrote: Hola! A ver si me podeis echar un cable con un problema a base de FLOATS. Tengo 3 bloques, dos flotando a la izquierda (uno debajo del otro) y un tercero flotando a la derecha. El efecto deseable es este (que sólo consigo en Explorer): O O O El xhtml: !-- div style=float:left; width:100px; border:1px red solid; height:100px;/div div style=float:left; width:100px; border:1px red solid;height:100px; clear:left;/div div style=float:right; width:100px; border:1px red solid;height:100px;/div No puedo utilizar DIV contenedores y el orden debe ser ese por fuerza (izquierda, izquierda, derecha). En Firefox y en Opera aparece: O O O ¿alguna idea de como podría resolver esto para conseguir la misma estructura? Un saludo Daniel G.B. ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Lío con los float
Bueno, por lo que se, al tener dos elementos flotando a la izquierda y hacer un clear (aunque sea a la izquierda) digamos que ya ests haciendo un retorno de carro que indica al cliente (este caso el navegador) que contine desde ese sitio. Si no puedes usar esta opcin, como ya han comentado, te pude funcionar el posicionamiento a pixel, pero claro, ya depender de las necesidades especficas de tu diseo, aunque yo te recomendara hacer una pequea parada para replantear la estructura y ver las posibilidades de usar algunas de las soluciones planteadas. El vie, 22-04-2005 a las 16:21 +0200, Daniel G.B. escribi: Hola, gracias por contestar. Esa era la estructura que tena inicialmente, pero la tuve que cambiar por fuerzas mayores. Lo que no llego a entender es por qu en la estructura de los 3 DIVs sueltos, el ltimo no se coloca a la derecha en la parte ms superior, y se alinea con el segundo (no hay un clear:both sino un clear:left). alguien me lo sabra explicar? Gracias Daniel G.B. At 10:16 22/04/2005, you wrote: Buenas, aprovecho para presentarme. Soy Ricardo Barrios y trabajo en un estudio de diseo. En cuanto a este problema, no se si la importancia semntica del contenido de los cuadros les impide cambiar el orden, pero el efecto deseado puedes lograrlo fcilmente poniendo el cuadro de la derecha justo antes de los de la izquierda. Si no es posible, y manteniendo la semntica, puedes usar contenedores de bloques, lo que te quedara a priori y de forma muy simplista en algo como esto: div style=float:left; div style=width:100px; border:1px red solid; height:100px;/div div style=width:100px; border:1px red solid;height:100px;/div /div div style=float:right; div style=width:100px; border:1px red solid;height:100px; /div /div Funciona, al menos en mi equipo: ubuntu (hoary) linux, Firefox/Mozilla 1.02 El jue, 21-04-2005 a las 23:45 +0200, Daniel G.B. escribi: Hola! A ver si me podeis echar un cable con un problema a base de FLOATS. Tengo 3 bloques, dos flotando a la izquierda (uno debajo del otro) y un tercero flotando a la derecha. El efecto deseable es este (que slo consigo en Explorer): O O O El xhtml: !-- div style=float:left; width:100px; border:1px red solid; height:100px;/div div style=float:left; width:100px; border:1px red solid;height:100px; clear:left;/div div style=float:right; width:100px; border:1px red solid;height:100px;/div No puedo utilizar DIV contenedores y el orden debe ser ese por fuerza (izquierda, izquierda, derecha). En Firefox y en Opera aparece: O O O alguna idea de como podra resolver esto para conseguir la misma estructura? Un saludo Daniel G.B. ___ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://ovillo.org/mailman/listinfo/ovillo -- -- Ricardo J. Barrios Daz [EMAIL PROTECTED] Director del rea de Nuevas Tecnologas Orgnica Diseo Tecnologa y Medio Ambiente ___ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://ovillo.org/mailman/listinfo/ovillo -- -- Ricardo J. Barrios Daz [EMAIL PROTECTED] Director del rea de Nuevas Tecnologas Orgnica Diseo Tecnologa y Medio Ambiente ___ 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://ovillo.org/mailman/listinfo/ovillo