Re: [Ovillo] dos columnas con float (era: FireFox: Manzana y Ventanas)

2005-04-17 Por tema Camilo Kawerín
Hola Matías,
Matias Jaramillo escribió:
tenés una lista de links con p y usás al menos
cuatro veces el id noborder).

Aiii, cierto, los pasare a unas listas. Alguna sugerencia para agrupar 
los id con noborder?

class=noborder
y en la CSS:
.noborder {}
___
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] dos columnas con float (era: FireFox: Manzana y Ventanas)

2005-04-16 Por tema Matias Jaramillo

Camilo Kawerín wrote:
Hola Matías,
Matias Jaramillo escribió:
Hola Camilo,
lo resolvi de otra manera,
en este proyecto aprendi de que los bloques solo crecen segun su 
contenido, es esto cierto?
En algunos casos sí, pero también podés fijar la altura. En realidad, 
hay muchas posibilidades.
El problema con tu layout es querés lograr que la altura de un 
elemento sea el 100% del body pero (aparentemente porque como te 
explicaba la otra noche, no lo tengo del todo claro), como la altura 
de éste varía no se puede establecer el 100% de cuánto debe tener.

Asi que lo soluciones creando una imagen de fondo que dan la ilusion 
de columnas que crecen segun el alto de la ventana del usuario.

Es una buena solución, pero con la desventaja de que te queda un 
layout fijo. Por otra parte, adoptando esta solución te quedan demás 
tanto el color de fondo en los div como los dos de la derecha 
(rightcontent y el otro).

SI cierto, esos colore de fondo sobran en el codigo, buen punto.
Quizas no sea la manera mas ortodoxa, pero bueno, se ve bien.
Y bueno, me imagino que en éste momento te interesa terminar el 
trabajo más que nada. Pero para futuros proyectos podrías empezar por 
revisar tu html (tenés una lista de links con p y usás al menos 
cuatro veces el id noborder).

Aiii, cierto, los pasare a unas listas. Alguna sugerencia para agrupar 
los id con noborder?

saludos y gracias
mj
Suerte y saludos!
___
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] dos columnas con float (era: FireFox: Manzana y Ventanas)

2005-04-14 Por tema Camilo Kawerín
Hola Matías,
Matias Jaramillo escribió:
Hola Camilo, gracias por tu recomendacion y links,
antes de leerlos (perdona mi pereza), te queria preguntar, si lo que 
tengo que hacer es incluir los 4 div (las 4 columnas) en un 
contenedor, con atributo float left y un alto de auto?

saludos a tu linda tierra !
matias
Te lo muestro con un ejemplo simple:
div id=contenedor
  div id=navegacion
  ... aquí links ...
  /div
  div id=contenido
  ... aquí contenido ...
  /div
/div
En la CSS le das float:left y el width que quieras a #navegacion y 
#contenido
La altura de ambos tiene que depender de su contenido, que es lo más 
apropiado porque nunca podés prever la extensión de éste.
Como #contenido es la que se va estirar más, le ponés a ésta el gris 
como background.
Ahora bien, vos necesitás la otra columna anaranjada. Si el background 
se lo ponés a #navegacion vas a tener el color sólo hasta el final de su 
contenido.
Entonces, la solución es ponerle el background naranja a #contenedor. 
Pero... como las cajas flotantes no estiran sus cajas contenedoras, 
también tenés que agregarle a ésta overflow:hidden.
Te quedaría así:

#contenedor {
width: el que quieras ;
background: naranja 
overflow:hidden;
... márgenes, etc. ...
}
#navegacion {
float:left;
width: el que quieras 
... todo lo demás ...
}
#contenido {
float:left;
background: gris 
width: el que quieras 
... todo lo demás ...
}
Bueno, espero que se entienda mi explicación, cualquier cosa no tenés 
más que preguntar.

Saludos,
___
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