Re: [Ovillo] Lío con los float

2005-04-22 Por tema Jorge - Base Digital
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

2005-04-22 Por tema Ricardo J. Barrios
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

2005-04-22 Por tema Daniel G.B.
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

2005-04-22 Por tema Maikel Naigt
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

2005-04-22 Por tema Ricardo J. Barrios
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


[Ovillo] Lío con los float

2005-04-21 Por tema Daniel G.B.
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