Re: [Ovillo] Columnas con alto variable

2006-07-26 Por tema Abel Sutilo 
Saludos Victor,

Victor Ariscain escribió:
 Teniendo varias columnas con diferente cantidad de informacion cada una.
 Como lograr que las columnas con menos texto tengan el mismo alto que la que
 contiene mas texto? La cantidad de texto en cualquiera de las columnas,
 podria variar de acuerdo a la información del dia.

   

Aplicando esto[1] a tu ejemplo (el cual, disculpame, pero no me he 
parado a ver detenidamente por cuestiones de tiempo) quizás consigas 
solucionarlo :)

[1] http://positioniseverything.net/easyclearing.html

Saludos,
Abel
___
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] Columnas con alto variable

2006-07-25 Por tema Victor Ariscain 
Teniendo varias columnas con diferente cantidad de informacion cada una.
Como lograr que las columnas con menos texto tengan el mismo alto que la que
contiene mas texto? La cantidad de texto en cualquiera de las columnas,
podria variar de acuerdo a la información del dia.
Debajo copio un codigo de ejemplo.

*Documento HTML*

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleUntitled Document/title
link href=columns.css rel=stylesheet type=text/css /
/head
body
div id=container
div id=cabezerapCabezera/p
/div
div id=column1pColumna 1/p
pLorem ipsum lores sit ame./p
/div
div id=column2pColumna 2 /p
pLorem ipsum lores sit ame sit amer tastae colesterum sitreae/p
/div
div id=column3
pColumna 3 /p
pLorem ipsum lores sit ame. Lorem ipsum lores sit ame sit amer tastae
colesterum sitreae Lorem ipsum lores sit ame sit amer tastae colesterum
sitreae /p
/div
div id=pie
pPie de pagina /p
/div
/div
/body
/html

---
*Documento CSS*

#container {
width:750px;
background-color:#99;
height:auto;
}
#cabezera {
width:750px;
background-color:#66FFCC;
height:auto;
}
#column1 {
float:left;
width:150px;
background-color:#CC;
}
#column2 {
float:left;
width:450px;
background-color:#99;
}
#column3 {
float:left;
width:150px;
background-color:#CC;
}
#pie {
float:left;
width:750px;
background-color:#CC;
}
___
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] Columnas con alto variable

2006-07-25 Por tema Félix Zapata Berlinches 
Victor Ariscain escribió:
 Teniendo varias columnas con diferente cantidad de informacion cada una.
 Como lograr que las columnas con menos texto tengan el mismo alto que la que
 contiene mas texto? La cantidad de texto en cualquiera de las columnas,
 podria variar de acuerdo a la información del dia.
 Debajo copio un codigo de ejemplo.

 *Documento HTML*

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
 titleUntitled Document/title
 link href=columns.css rel=stylesheet type=text/css /
 /head
 body
 div id=container
 div id=cabezerapCabezera/p
 /div
 div id=column1pColumna 1/p
 pLorem ipsum lores sit ame./p
 /div
 div id=column2pColumna 2 /p
 pLorem ipsum lores sit ame sit amer tastae colesterum sitreae/p
 /div
 div id=column3
 pColumna 3 /p
 pLorem ipsum lores sit ame. Lorem ipsum lores sit ame sit amer tastae
 colesterum sitreae Lorem ipsum lores sit ame sit amer tastae colesterum
 sitreae /p
 /div
 div id=pie
 pPie de pagina /p
 /div
 /div
 /body
 /html

 ---
 *Documento CSS*

 #container {
 width:750px;
 background-color:#99;
 height:auto;
 }
 #cabezera {
 width:750px;
 background-color:#66FFCC;
 height:auto;
 }
 #column1 {
 float:left;
 width:150px;
 background-color:#CC;
 }
 #column2 {
 float:left;
 width:450px;
 background-color:#99;
 }
 #column3 {
 float:left;
 width:150px;
 background-color:#CC;
 }
 #pie {
 float:left;
 width:750px;
 background-color:#CC;
 }
 ___
 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


   
puedes usar algo como esto es un efecto visual

http://www.communitymx.com/abstract.cfm?cid=AFC58

-- 
Félix Zapata Berlinches

 

Tanta Tecnología y Comunicación

Grupo Onetec

c/ Julián Camarillo 26 1º Of. 2

28037 Madrid

Tel.: 91.440.10.40

Fax: 91.304.91.24

www.tantacom.com

www.grupoonetec.com

___
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] Columnas con alto variable

2006-07-25 Por tema Juan Dárien 
creo que la cuestion es que en el CSS no especificaste altura para
ninguno de los divs... osea que la altura se las da el contenido... lo
que podes hacer es darles una altura determinada y ademas ponerles un
overflow: auto  (se escribia asi? jeje )  para que  si la cantidad de
info supera el tamaño te cree un scroll. salutes

juandarien

El 25/07/06, Félix Zapata Berlinches[EMAIL PROTECTED] escribió:
 Victor Ariscain escribió:
  Teniendo varias columnas con diferente cantidad de informacion cada una.
  Como lograr que las columnas con menos texto tengan el mismo alto que la que
  contiene mas texto? La cantidad de texto en cualquiera de las columnas,
  podria variar de acuerdo a la información del dia.
  Debajo copio un codigo de ejemplo.
 
  *Documento HTML*
 
  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
  html xmlns=http://www.w3.org/1999/xhtml;
  head
  meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
  titleUntitled Document/title
  link href=columns.css rel=stylesheet type=text/css /
  /head
  body
  div id=container
  div id=cabezerapCabezera/p
  /div
  div id=column1pColumna 1/p
  pLorem ipsum lores sit ame./p
  /div
  div id=column2pColumna 2 /p
  pLorem ipsum lores sit ame sit amer tastae colesterum sitreae/p
  /div
  div id=column3
  pColumna 3 /p
  pLorem ipsum lores sit ame. Lorem ipsum lores sit ame sit amer tastae
  colesterum sitreae Lorem ipsum lores sit ame sit amer tastae colesterum
  sitreae /p
  /div
  div id=pie
  pPie de pagina /p
  /div
  /div
  /body
  /html
 
  ---
  *Documento CSS*
 
  #container {
  width:750px;
  background-color:#99;
  height:auto;
  }
  #cabezera {
  width:750px;
  background-color:#66FFCC;
  height:auto;
  }
  #column1 {
  float:left;
  width:150px;
  background-color:#CC;
  }
  #column2 {
  float:left;
  width:450px;
  background-color:#99;
  }
  #column3 {
  float:left;
  width:150px;
  background-color:#CC;
  }
  #pie {
  float:left;
  width:750px;
  background-color:#CC;
  }
  ___
  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
 
 
 
 puedes usar algo como esto es un efecto visual

 http://www.communitymx.com/abstract.cfm?cid=AFC58

 --
 Félix Zapata Berlinches



 Tanta Tecnología y Comunicación

 Grupo Onetec

 c/ Julián Camarillo 26 1º Of. 2

 28037 Madrid

 Tel.: 91.440.10.40

 Fax: 91.304.91.24

 www.tantacom.com

 www.grupoonetec.com

 ___
 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