Re: [Ovillo] dos columnas con float (era: FireFox: Manzana y Ventanas)
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)
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
