Re: [Ovillo] Tres columnas de igu al altura y pie depágina equilibrado

2006-01-19 Por tema David Yanes Farina 

Hola,

A la regla del contenedor ponle un fondo de 2px de alto que ocupe todo el 
ancho del contenedor. Dicho imagen hará de fondo de los divs laterales y
central.

Lo más fácil es que captures una imagen de la página. Te la lleves a
Photoshop
y ahí con la herramienta seleccionar, seleccionas 2 pixel de alto, aumentas,
pintas y la guardas con el nombre de la imagen de fondo que quieras.


Luego le pones la siguiente regla al contendedor:
#contendedor {
[... reglas anteriorres...]
background: #ccc url(../images/fondo_contendedor.gif) repeat-y 50% 0;
}

Aquí tienes la explicación completa.

http://www.alistapart.com/articles/fauxcolumns/

No tengo constancia que se pueda solucionar sólo con css.


___
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] Tres columnas de igu al altura y pie depágina equilibrado

2006-01-19 Por tema maira 
En esta página tienes un compilado de ejemplos de templates con 3 
columnas y footer:

http://css-discuss.incutio.com/?page=ThreeColumnLayouts

Varían en cuanto a si el diseño es líquido o fijo.
Espero que te sirvan.
Maira.

Ander Lopez wrote:


Buenas de nuevo,

He estado haciendo alguna prueba y haciendo flotar las 3 columnas se
puede conseguir. En Explorer hay que pulirlo un poco ya que no funciona
del todo.

Te copio el código de los estilos.

style type=text/css media=screen 
HTML, BODY {margin:0; padding:0; height:100%; font:0.9em Arial,

Helvetica, sans-serif}
#contenedorPrincipal {position:relative; width:775px; height:100%;
margin:auto; border:1px solid #c6bda5}
#cabecera {position:relative; width:775px; height:120px;
background:#CC9933} 
#columnaIzda {float:left; top:0; left:0; width:157px; padding:0;

background:#CC}
#columnaCentral {float: left; width: 474px; background:#009900} 
#columnaDcha {float:left; top:0; right:0; _right:-1px; width:140px;
padding:0; background:#0033FF} 
#piePagina {clear:both;width:775px; height:auto; text-align:center;

background:#ff}
#contenedorExterior {position:relative; width:auto; border:2px solid
#00}
#contenedorInterior {width:100%; margin:0; border:1px solid #c5c5c5}
/style

Espero que te sirva.

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de David Yanes Farina
Enviado el: jueves, 19 de enero de 2006 10:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Tres columnas de igual altura y pie depágina
equilibrado



Hola,

A la regla del contenedor ponle un fondo de 2px de alto que ocupe todo
el 
ancho del contenedor. Dicho imagen hará de fondo de los divs laterales y

central.

Lo más fácil es que captures una imagen de la página. Te la lleves a
Photoshop y ahí con la herramienta seleccionar, seleccionas 2 pixel de
alto, aumentas, pintas y la guardas con el nombre de la imagen de fondo
que quieras.


Luego le pones la siguiente regla al contendedor:
#contendedor {
[... reglas anteriorres...]
background: #ccc url(../images/fondo_contendedor.gif) repeat-y 50% 0; }

Aquí tienes la explicación completa.

http://www.alistapart.com/articles/fauxcolumns/

No tengo constancia que se pueda solucionar sólo con css.


___
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


 



___
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] Tres columnas de igu al altura y pie depágina equilibrado

2006-01-19 Por tema David Yanes Farina 
 
 No he probado lo que comenta David pero os aseguro que el clear: 
 both no
 os va a funcionar ya que las columnas no están flotando.
 
 Saludos pa la peña guay

Aclaro que yo no miré el código sino para ver el nombre del contenedor
total,
no me fijé como estaban o no dispuestos los div's.

Sólo aporte la solución genérica al problema planteado.

Por supuesto habría que mirar la estructura primero.

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

Re: [Ovillo] Tres columnas de igu al altura y pie depágina equilibrado

2006-01-19 Por tema Miguel Sánchez 
Antes de nada, mil gracias a todos por vuestras respuestas. Estaba 
trabajando en ello esta mañana y me han pedido que lo dejara por otro 
proyecto que tenía más urgencia. Acabo de ver vuestros mensajes de ayuda 
y espero retomarlo pronto para probar las soluciones que me habeis 
indicado.
Lo de la imagen de fondo en el contenedor para que pinte las tres 
columnas, lo tenía hecho en el original porque alguna vez se lo leí a 
los de A List Apart. Pero el pie de página no se digna a bajar ya que, 
como comentabais, las columnas laterales tienen posición absoluta. 
Bueno, sigo con el proyecto de urgencia y os iré contando.


Mil gracias 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