Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-24 Por tema Ignacio Fortea
 -Mensaje original-
 De: [EMAIL PROTECTED] 
 [mailto:[EMAIL PROTECTED]
 En nombre de Jose Manuel Segovia Guisado Enviado el: jueves, 
 23 de noviembre de 2006 01:35
 Para: Ovillo la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
  
 Pues la verdad que no se que hago mal, he copiado justo lo 
 que tu has puesto
   he validado y esto me dice:
  
 Errores
 URI : file://localhost/stylesheet.css
 Lnea: 4 Contexto : ???
 Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
  
 Puede que me de el eroor por hacerlo en local?


Para validar hojas de estilo en local, utiliza la extension webdeveloper de
Firefox.
Yo creo que ahí esta tu error.

Un saludo

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-24 Por tema Jose Manuel Segovia Guisado
Muchas gracias,
 
Así lo haré.
 
Saludos,
 
Jose. 
 
---Original Message---
 
From: Ignacio Fortea
Date: 24/11/2006 10:12:54
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED]
 En nombre de Jose Manuel Segovia Guisado Enviado el: jueves,
 23 de noviembre de 2006 01:35
 Para: Ovillo la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

 Pues la verdad que no se que hago mal, he copiado justo lo
 que tu has puesto
   he validado y esto me dice:

 Errores
 URI : file://localhost/stylesheet.css
 Lnea: 4 Contexto : ???
 Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }

 Puede que me de el eroor por hacerlo en local?
 
 
Para validar hojas de estilo en local, utiliza la extension webdeveloper de
Firefox.
Yo creo que ahí esta tu error.
 
Un saludo
 
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-24 Por tema Guillermo Movia
Hola, puede que esté totalmente errado, pero si este es el código que
estás intentando validar:

*{margin:0, padding:0;}

(copiado de los mensajes de arriba) Creo que después de margin:0
debiera ir punto y coma y no coma solamente.

Guillermo

2006/11/24, Jose Manuel Segovia Guisado [EMAIL PROTECTED]:
 Muchas gracias,

 Así lo haré.

 Saludos,

 Jose.

 ---Original Message---

 From: Ignacio Fortea
 Date: 24/11/2006 10:12:54
 To: 'Ovillo, la lista de CSS en castellano'
 Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

  -Mensaje original-
  De: [EMAIL PROTECTED]
  [mailto:[EMAIL PROTECTED]
  En nombre de Jose Manuel Segovia Guisado Enviado el: jueves,
  23 de noviembre de 2006 01:35
  Para: Ovillo la lista de CSS en castellano
  Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
  Pues la verdad que no se que hago mal, he copiado justo lo
  que tu has puesto
he validado y esto me dice:
 
  Errores
  URI : file://localhost/stylesheet.css
  Lnea: 4 Contexto : ???
  Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
 
  Puede que me de el eroor por hacerlo en local?


 Para validar hojas de estilo en local, utiliza la extension webdeveloper de
 Firefox.
 Yo creo que ahí esta tu error.

 Un saludo

 ___
 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema webmaster
Fijate que exactamente eso probe ayer por la tarde y tienes razón, lo logre 
hacer funcionar :)

De tomas manera muchisimas gracias :)

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque 
Geldres
Sent: Miércoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Vlad, he probado tu código y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debería ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:

*{margin:0; padding:0;}

Pruébalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.

Saludos

[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg 

Christian Roque Geldres



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Christiaan,

Mira yo estoy probando con la solución que me diste:

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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html

CSS

html{height: 100%;}
body{
height: 100%;
margin: 0px;
padding: 0px;
background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
position:relative;
height:100%;
margin: auto;   
}
* html #pie {margin-top: -40px;}
#pie {
position:relative;
height: 40px;
margin-top:-40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#600;
}

En IE me funciona bien en FF no, tienes idea de que pueda ser?

Saludos,

Vlad.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Miércoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

El problema de ese método de usar position:absolute; bottom:0; es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imágenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:

http://themaninblue.com/experiment/footerStickAlt/

Ahí puedes ver ejemplos del método que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicación
en si esta acá:

http://themaninblue.com/writing/perspective/2005/08/29/ 

Saludos

Christian Roque G.


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 12:02
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos
ocupa entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPi
e.html
pues ahi esta, espero solucione.

un saludo.
___
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

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Christian Roque Geldres
Hola Reynier:

Esto fue lo que indicaste en tu mail anterior:

Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y
a columna_derecha y en ambos casos diferentes, o sea que el tamaño del
texto del primer DIV sea menor o mayor que el del segundo. Como verán se
desborda uno de los DIV más que el otro y lo demás se mantiene igual. La
lógica sería que si el DIV columna_derecha o columna_izquierda aumentara
entonces también lo hiciera su contenedor contenedor_centro pero no lo
está haciendo. 

La razón por la que no aumentaba era como te explique, que los elementos
dentro de contenedor_centro están flotados y para que se extienda debias
poner un elemento con la propiedad clear:both antes de cerrarlo.

La tecnica footerStickAlt es para pegar el pie de pagina al final incluso
cuando el contenido sea poco, no para extender contenedores.

Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si
cambiando un poco las propiedades a contenedor_pie si funciona:

#contenedor_pie {  
/*position:relative; */
height: 55px;  
margin-top:-55px;   
/*margin-bottom:0px; */
background-color:#600; 
/*margin: 0 auto;  */
width: 990px; 
max-width: 990px; 
text-align: left; 
}

El margen superior negativo debe ser del tamaño de la altura de tu pie, y
recuerda que no existe padding negativo.

Saludos

Christian Roque Geldres

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy
omitiendo alguna parte pero por más que busco no la encuentro. Debajo
adjunto el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es
lo que estoy haciendo mal?

***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titleFooter Arghhh !!! Me tiene loco/title
 style type=text/css
 * { padding: 0; margin: 0; }
  html { height: 100%; }
  body { height: 100%; margin: 0px; padding: 0px; }
 * html #contenedor { height: 100%; }
 #contenedor { position: relative; height: 100%; margin: 0 auto;  width:
990px; max-width: 990px; text-align: left; }
 #cabecera {  width: 829px;  height: 149px;  float: left;  border-bottom:
1px solid #E89700; }
#login {  width: 160px;  height: 149px;  float: left;  border-bottom: 1px
solid #E89700; }
#clear {  clear: both; }
#columna_izquierda { float: left;  width: 78%; color: #000; border: 1px
solid #FFA500; background-color: #E0; }
#columna_derecha { float: left;  width: 21.6%; /* Aumentar a 22 */  color:
#000;  border: 1px solid #FFF;  background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px;  }
#contenedor_pie {  position:relative; height: 55px;  margin-top:-40px;
margin-bottom:0px; background-color:#600; margin: 0 auto;  width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
 div id=contenedor_cabeza
   div id=cabeceranbsp;/div
   div id=loginnbsp;/div
  /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierda
   pMa quande lingues coalesce, li grammatica del resultant lingue es
plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca
va esser plu simplic e regulari quam li existent Europan lingues. It va
esser tam simplic quam Occidental: in fact, it va esser Occidental. A un
Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico
dit me que Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !--
Contenedor columna derecha --
div id=clearnbsp;/div
   /div !-- Contenedor de los elementos centrales --
 /div !-- Contenedor outside_footer --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los
elementos del pie de página --
/body
/html
Pruebenlo y me dejan saber si a Uds le funcionó porque lo que es a mi no hay
forma de que me funcione.
Salu2 y gracias por todo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema webmaster
Ahora, que creen que sea mas correcto?

Poner una medida fija para el pie? (en pixeles, cm, etc?)

O se me ocurre algo así, digamos, si voy a usar un footer de tres lineas, 
colocar un margin-top: 5em; (aunque eso no incluye el espacio de line height, o 
cómo podria ser, para que fuera más fluido?)



-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque 
Geldres
Sent: Jueves, 23 de Noviembre de 2006 11:50 a.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Reynier:

Esto fue lo que indicaste en tu mail anterior:

Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y
a columna_derecha y en ambos casos diferentes, o sea que el tamaño del
texto del primer DIV sea menor o mayor que el del segundo. Como verán se
desborda uno de los DIV más que el otro y lo demás se mantiene igual. La
lógica sería que si el DIV columna_derecha o columna_izquierda aumentara
entonces también lo hiciera su contenedor contenedor_centro pero no lo
está haciendo. 

La razón por la que no aumentaba era como te explique, que los elementos
dentro de contenedor_centro están flotados y para que se extienda debias
poner un elemento con la propiedad clear:both antes de cerrarlo.

La tecnica footerStickAlt es para pegar el pie de pagina al final incluso
cuando el contenido sea poco, no para extender contenedores.

Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si
cambiando un poco las propiedades a contenedor_pie si funciona:

#contenedor_pie {  
/*position:relative; */
height: 55px;  
margin-top:-55px;   
/*margin-bottom:0px; */
background-color:#600; 
/*margin: 0 auto;  */
width: 990px; 
max-width: 990px; 
text-align: left; 
}

El margen superior negativo debe ser del tamaño de la altura de tu pie, y
recuerda que no existe padding negativo.

Saludos

Christian Roque Geldres

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy
omitiendo alguna parte pero por más que busco no la encuentro. Debajo
adjunto el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es
lo que estoy haciendo mal?

***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titleFooter Arghhh !!! Me tiene loco/title
 style type=text/css
 * { padding: 0; margin: 0; }
  html { height: 100%; }
  body { height: 100%; margin: 0px; padding: 0px; }
 * html #contenedor { height: 100%; }
 #contenedor { position: relative; height: 100%; margin: 0 auto;  width:
990px; max-width: 990px; text-align: left; }
 #cabecera {  width: 829px;  height: 149px;  float: left;  border-bottom:
1px solid #E89700; }
#login {  width: 160px;  height: 149px;  float: left;  border-bottom: 1px
solid #E89700; }
#clear {  clear: both; }
#columna_izquierda { float: left;  width: 78%; color: #000; border: 1px
solid #FFA500; background-color: #E0; }
#columna_derecha { float: left;  width: 21.6%; /* Aumentar a 22 */  color:
#000;  border: 1px solid #FFF;  background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px;  }
#contenedor_pie {  position:relative; height: 55px;  margin-top:-40px;
margin-bottom:0px; background-color:#600; margin: 0 auto;  width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
 div id=contenedor_cabeza
   div id=cabeceranbsp;/div
   div id=loginnbsp;/div
  /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierda
   pMa quande lingues coalesce, li grammatica del resultant lingue es
plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca
va esser plu simplic e regulari quam li existent Europan lingues. It va
esser tam simplic quam Occidental: in fact, it va esser Occidental. A un
Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico
dit me que Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !--
Contenedor columna derecha --
div id=clearnbsp;/div
   /div !-- Contenedor de los elementos centrales --
 /div !-- Contenedor outside_footer --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los
elementos del pie de página --
/body
/html
Pruebenlo y me dejan saber si a Uds le funcionó porque lo que es a mi no hay
forma de que me funcione.
Salu2 y gracias por todo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Jose Manuel Segovia Guisado
Hola grupo,
 
Curiosamente estoy validando el código CSS en la W3C de una hoja que tiene
puesto esto que decía *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
¿Sabéis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razón, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Miércoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu código y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debería ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Pruébalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solución que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
 
CSS
 
html{height: 100%;}
body{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
  position:relative;
  height:100%;
  margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
  position:relative;
  height: 40px;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  background-color:#600;
}
 
En IE me funciona bien en FF no, tienes idea de que pueda ser?
 
Saludos,
 
Vlad.
 
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Miércoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
El problema de ese método de usar position:absolute; bottom:0; es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imágenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:
 
http://themaninblue.com/experiment/footerStickAlt/
 
Ahí puedes ver ejemplos del método que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicación
en si esta acá:
 
http://themaninblue.com/writing/perspective/2005/08/29/
 
Saludos
 
Christian Roque G.
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 12:02
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Reynier Perez Mira
Hola a todos:
Finalmente y después de darme unos cuantos cabezazos he logrado hacer funcionar 
ambas cosas. Elimine todo el código y comencé de cero. Primero con la técnica 
footerStickAlt  y luego poniendo dentro los elementos flotantes y poniendole 
al terminar un clear:both. Algo así como esto:

div id=columna_izquierda Contenido /div
div id=columna_derecha Contenido /div
div class=clearnbsp;/div

Y en el CSS:
#columna_izquierda { float: left; width: 829px; }
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Christian Roque 
Geldres
Enviado el: jueves, 23 de noviembre de 2006 11:50 am
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Reynier:

Esto fue lo que indicaste en tu mail anterior:

Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a 
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto 
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno 
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si 
el DIV columna_derecha o columna_izquierda aumentara entonces también lo 
hiciera su contenedor contenedor_centro pero no lo está haciendo. 

La razón por la que no aumentaba era como te explique, que los elementos dentro 
de contenedor_centro están flotados y para que se extienda debias poner un 
elemento con la propiedad clear:both antes de cerrarlo.

La tecnica footerStickAlt es para pegar el pie de pagina al final incluso 
cuando el contenido sea poco, no para extender contenedores.

Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si 
cambiando un poco las propiedades a contenedor_pie si funciona:

#contenedor_pie {
/*position:relative; */
height: 55px;  
margin-top:-55px;   
/*margin-bottom:0px; */
background-color:#600;
/*margin: 0 auto;  */
width: 990px;
max-width: 990px;
text-align: left;
}

El margen superior negativo debe ser del tamaño de la altura de tu pie, y 
recuerda que no existe padding negativo.

Saludos

Christian Roque Geldres

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi 
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy 
omitiendo alguna parte pero por más que busco no la encuentro. Debajo adjunto 
el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es lo 
que estoy haciendo mal?

***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp head 
titleFooter Arghhh !!! Me tiene loco/title  style type=text/css
 * { padding: 0; margin: 0; }
  html { height: 100%; }
  body { height: 100%; margin: 0px; padding: 0px; }
 * html #contenedor { height: 100%; }
 #contenedor { position: relative; height: 100%; margin: 0 auto;  width:
990px; max-width: 990px; text-align: left; }  #cabecera {  width: 829px;  
height: 149px;  float: left;  border-bottom:
1px solid #E89700; }
#login {  width: 160px;  height: 149px;  float: left;  border-bottom: 1px solid 
#E89700; } #clear {  clear: both; } #columna_izquierda { float: left;  width: 
78%; color: #000; border: 1px solid #FFA500; background-color: #E0; } 
#columna_derecha { float: left;  width: 21.6%; /* Aumentar a 22 */  color:
#000;  border: 1px solid #FFF;  background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px;  } #contenedor_pie {  
position:relative; height: 55px;  margin-top:-40px; margin-bottom:0px; 
background-color:#600; margin: 0 auto;  width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
 div id=contenedor_cabeza
   div id=cabeceranbsp;/div
   div id=loginnbsp;/div
  /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierda
   pMa quande lingues coalesce, li grammatica del resultant lingue es plu 
simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va 
esser plu simplic e regulari quam li existent Europan lingues. It va esser tam 
simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va 
semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que 
Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !-- 
Contenedor columna derecha --
div id=clearnbsp;/div
   /div !-- Contenedor de los elementos centrales --  /div !-- 
Contenedor outside_footer -- div id=contenedor_piePie de pagina al 
fondo/div !-- Contenedor de los elementos del

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Reynier Perez Mira
Ante todo disculpen, aprete una tecla de acceso directo cuando estaba 
escribiendo y se me fue el correo sin terminarlo.

Finalmente y después de darme unos cuantos cabezazos he logrado hacer funcionar 
ambas cosas. Elimine todo el código y comencé de cero. Primero con la técnica 
footerStickAlt  y luego poniendo dentro los elementos flotantes y poniendole 
al terminar un clear:both. Algo así como esto:
HTML:
***
div id=columna_izquierda Contenido /div
div id=columna_derecha Contenido /div
div class=clearnbsp;/div

CSS:
***
#columna_izquierda { float: left; width: 829px; } 
#columna_derecha { float: left; width: 160px; } 
.clear { clear:both: line-height:1px; } 


Y ya se resolvió el problema.
 Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si 
 cambiando un poco las propiedades a contenedor_pie si funciona:
Se que se va un poco abajo, ya estoy trabajando en posicionarlo correctamente.

Muchas gracias por todo
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Christian Roque 
Geldres
Enviado el: jueves, 23 de noviembre de 2006 11:50 am
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Reynier:

Esto fue lo que indicaste en tu mail anterior:

Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a 
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto 
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno 
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si 
el DIV columna_derecha o columna_izquierda aumentara entonces también lo 
hiciera su contenedor contenedor_centro pero no lo está haciendo. 

La razón por la que no aumentaba era como te explique, que los elementos dentro 
de contenedor_centro están flotados y para que se extienda debias poner un 
elemento con la propiedad clear:both antes de cerrarlo.

La tecnica footerStickAlt es para pegar el pie de pagina al final incluso 
cuando el contenido sea poco, no para extender contenedores.

Sobre lo ultimo que enviaste, lo probe y el pie se va muy al fondo, pero si 
cambiando un poco las propiedades a contenedor_pie si funciona:

#contenedor_pie {
/*position:relative; */
height: 55px;  
margin-top:-55px;   
/*margin-bottom:0px; */
background-color:#600;
/*margin: 0 auto;  */
width: 990px;
max-width: 990px;
text-align: left;
}

El margen superior negativo debe ser del tamaño de la altura de tu pie, y 
recuerda que no existe padding negativo.

Saludos

Christian Roque Geldres

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 10:31
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi 
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy 
omitiendo alguna parte pero por más que busco no la encuentro. Debajo adjunto 
el código. Lo otro es que le puse un elemento que tiene clear:both
debajo a las columnas que flotan y tampoco me expande el contenido. ¿Qué es lo 
que estoy haciendo mal?

***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp head 
titleFooter Arghhh !!! Me tiene loco/title  style type=text/css
 * { padding: 0; margin: 0; }
  html { height: 100%; }
  body { height: 100%; margin: 0px; padding: 0px; }
 * html #contenedor { height: 100%; }
 #contenedor { position: relative; height: 100%; margin: 0 auto;  width:
990px; max-width: 990px; text-align: left; }  #cabecera {  width: 829px;  
height: 149px;  float: left;  border-bottom:
1px solid #E89700; }
#login {  width: 160px;  height: 149px;  float: left;  border-bottom: 1px solid 
#E89700; } #clear {  clear: both; } #columna_izquierda { float: left;  width: 
78%; color: #000; border: 1px solid #FFA500; background-color: #E0; } 
#columna_derecha { float: left;  width: 21.6%; /* Aumentar a 22 */  color:
#000;  border: 1px solid #FFF;  background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px;  } #contenedor_pie {  
position:relative; height: 55px;  margin-top:-40px; margin-bottom:0px; 
background-color:#600; margin: 0 auto;  width: 990px;
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
 div id=contenedor_cabeza
   div id=cabeceranbsp;/div
   div id=loginnbsp;/div
  /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierda
   pMa quande lingues coalesce, li grammatica del resultant lingue es plu 
simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va 
esser plu simplic e regulari quam li

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema webmaster
Hola,

Mira yo aquí estoy validando mi prueba:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.revistamundo.com%2Fdesign%2Ffooter%2Festilos.cssusermedium=all

y esoty usando la extención y valido sin problemas  (1 warning XD )

Saludos!

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jose Manuel 
Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola grupo,
 
Curiosamente estoy validando el código CSS en la W3C de una hoja que tiene
puesto esto que decía *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
¿Sabéis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razón, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Miércoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu código y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debería ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Pruébalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solución que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
 
CSS
 
html{height: 100%;}
body{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
  position:relative;
  height:100%;
  margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
  position:relative;
  height: 40px;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  background-color:#600;
}
 
En IE me funciona bien en FF no, tienes idea de que pueda ser?
 
Saludos,
 
Vlad.
 
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Miércoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
El problema de ese método de usar position:absolute; bottom:0; es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imágenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:
 
http://themaninblue.com/experiment/footerStickAlt/
 
Ahí puedes ver ejemplos del método que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicación
en si esta acá:
 
http://themaninblue.com/writing/perspective/2005/08/29/
 
Saludos
 
Christian Roque G.
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Jose Manuel Segovia Guisado
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
 he validado y esto me dice:
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ??? 
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; } 
 
Puede que me de el eroor por hacerlo en local?
 
---Original Message---
 
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola,
 
Mira yo aqu estoy validando mi prueba:
 
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.cssusermedium=all
 
y esoty usando la extencin y valido sin problemas  (1 warning XD )
 
Saludos!
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola grupo,
 
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
Sabis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solucin que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
 
CSS
 
html{height: 100%;}
body{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
  position:relative;
  height:100%;
  margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
  position:relative;
  height: 40px;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  background-color:#600;
}
 
En IE me funciona bien en FF no, tienes idea de que pueda ser?
 
Saludos,
 
Vlad.
 
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Mircoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
El problema de ese mtodo de usar position:absolute; bottom:0; es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imgenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:
 
http://themaninblue.com/experiment/footerStickAlt/
 
Ah puedes ver ejemplos del mtodo que mencionas y uno

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Christian Roque Geldres

El correcto es: 

*{margin:0, padding:0;}

En tu código parece que dice :

* { * margin : 0; * padding : 0; }

Saludos

Christian Roque

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:35
Para: Ovillo la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
 he validado y esto me dice:
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ??? 
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; } 
 
Puede que me de el eroor por hacerlo en local?
 
---Original Message---
 
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola,
 
Mira yo aqu estoy validando mi prueba:
 
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.cssusermedium=all
 
y esoty usando la extencin y valido sin problemas  (1 warning XD )
 
Saludos!
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola grupo,
 
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
Sabis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solucin que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
 
CSS
 
html{height: 100%;}
body{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
  position:relative;
  height:100%;
  margin: auto;
}
* html #pie {margin-top: -40px;}
#pie {
  position:relative;
  height: 40px;
  margin-top:-40px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  background-color:#600;
}
 
En IE me funciona bien en FF no, tienes idea de que pueda ser?
 
Saludos,
 
Vlad.
 
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Mircoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Jose Manuel Segovia Guisado
Lo he cambiado por lo que t indicas y sigue dicindome lo mismo.
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 1 Contexto : ??? 
Error de anlisis sintctico - ???*{margin:0, padding:0;} 
 
La verdad es que no lo entiendo.
 
Muchas gracias por la ayuda.
 
 
---Original Message---
 
From: Christian Roque Geldres
Date: 11/23/06 19:46:18
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
El correcto es:
 
*{margin:0, padding:0;}
 
En tu cdigo parece que dice :
 
* { * margin : 0; * padding : 0; }
 
Saludos
 
Christian Roque
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:35
Para: Ovillo la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
  he validado y esto me dice:
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ???
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
 
Puede que me de el eroor por hacerlo en local?
 
---Original Message---
 
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola,
 
Mira yo aqu estoy validando mi prueba:
 
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.cssusermedium=all
 
y esoty usando la extencin y valido sin problemas  (1 warning XD )
 
Saludos!
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola grupo,
 
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
Sabis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solucin que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html
 
CSS
 
html{height: 100%;}
body{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
  position:relative;
  height:100%;
  margin: auto;
}
* html #pie {margin-top: -40px;}
#pie

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Christian Roque Geldres
Lo curioso son esos 3 signos de interrogación 

Christian Roque Geldres

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:50
Para: 'Ovillo la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Lo he cambiado por lo que t indicas y sigue dicindome lo mismo.
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 1 Contexto : ??? 
Error de anlisis sintctico - ???*{margin:0, padding:0;} 
 
La verdad es que no lo entiendo.
 
Muchas gracias por la ayuda.
 
 
---Original Message---
 
From: Christian Roque Geldres
Date: 11/23/06 19:46:18
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
El correcto es:
 
*{margin:0, padding:0;}
 
En tu cdigo parece que dice :
 
* { * margin : 0; * padding : 0; }
 
Saludos
 
Christian Roque
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:35
Para: Ovillo la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
  he validado y esto me dice:
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ???
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
 
Puede que me de el eroor por hacerlo en local?
 
---Original Message---
 
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola,
 
Mira yo aqu estoy validando mi prueba:
 
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.cssusermedium=all
 
y esoty usando la extencin y valido sin problemas  (1 warning XD )
 
Saludos!
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola grupo,
 
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
Sabis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solucin que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-23 Por tema Jose Manuel Segovia Guisado
No se si con esto ayudo, pero..., esos tres signos de interrogación
realmente en la página de validación van metidos dentro de un rombo negro.
Ahora, que no se lo que quieren indicar con ellos 
 
---Original Message---
 
From: Christian Roque Geldres
Date: 23/11/2006 19:54:20
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Lo curioso son esos 3 signos de interrogación
 
Christian Roque Geldres
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:50
Para: 'Ovillo la lista de CSS en castellano'
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Lo he cambiado por lo que t indicas y sigue dicindome lo mismo.
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 1 Contexto : ???
Error de anlisis sintctico - ???*{margin:0, padding:0;}
 
La verdad es que no lo entiendo.
 
Muchas gracias por la ayuda.
 
 
---Original Message---
 
From: Christian Roque Geldres
Date: 11/23/06 19:46:18
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
El correcto es:
 
*{margin:0, padding:0;}
 
En tu cdigo parece que dice :
 
* { * margin : 0; * padding : 0; }
 
Saludos
 
Christian Roque
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Jose Manuel Segovia Guisado
Enviado el: jueves, 23 de noviembre de 2006 01:35
Para: Ovillo la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto
  he validado y esto me dice:
 
Errores
URI : file://localhost/stylesheet.css
Lnea: 4 Contexto : ???
Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; }
 
Puede que me de el eroor por hacerlo en local?
 
---Original Message---
 
From: webmaster
Date: 23/11/2006 19:27:03
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola,
 
Mira yo aqu estoy validando mi prueba:
 
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww
revistamundo.com%2Fdesign%2Ffooter%2Festilos.cssusermedium=all
 
y esoty usando la extencin y valido sin problemas  (1 warning XD )
 
Saludos!
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Jose Manuel Segovia Guisado
Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m.
To: Ovillo la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola grupo,
 
Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene
puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay
un error de sintaxis.
 
Sabis si se puede solucionar?
 
Saludos,
 
Jose
 
---Original Message---
 
From: webmaster
Date: 11/23/06 17:09:46
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre
hacer funcionar :)
 
De tomas manera muchisimas gracias :)
 
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
org] On Behalf Of Christian Roque Geldres
Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debera ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:
 
*{margin:0; padding:0;}
 
Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.
 
Saludos
 
[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg
 
Christian Roque Geldres
 
 
 
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: mircoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
Hola Christiaan,
 
Mira yo estoy probando con la solucin que me diste:
 
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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema Reynier Perez Mira
Hola listeros:
Nuevamente yo por aquí a ver si los CSS Masters me hechan una mano porque de 
verás que por más que trato no logro hacer que esto me funcione. He probado 
todas las técnicas y ninguna me funciona con elementos flotantes. Lo que estoy 
haciendo (según la posible solución que Nidia me dejó planteada aquí mismo en 
la lista: http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.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; xml:lang=sp lang=sp
head
titlePortal de Simuladores y Realidad Virtual ?=isset($title)?'- 
'.$title:'';?/title
meta http-equiv=Content-Type content=text/html charset=iso-8859-1 /
/head
body
 div id=contenedor
   div id=contenedor_cabeza Cabecera /div
   div id=contenedor_centro
div id=columna_izquierda Contenido flotado a la izquierda/div 

div id=columna_derecha Contenido flotado a la izquierda/div
   /div !-- Contenedor de los elementos centrales --
   div id=contenedor_piePie de pagina al fondo/div
 /div
 /body
/html

El CSS:
* html, body {
height: 100%;
margin: 0;
padding: 0;
}
#contenedor {
min-height: 100%; /* Para pegar el pie a la base de la página */
position: relative; /* Para pegar el pie a la base de la página */
margin: 0 auto; /* Para pegar el pie a la base de la página */
width: 990px;
max-width: 990px;
text-align: left;
background: #000 url(../images/layout-background.jpg) repeat-y 50% 0;
}
#columna_izquierda {
float: left;
width: 75%;
}
#columna_derecha {
float: left;
width: 25%;
}
#contenedor_pie {
clear: both;
bottom:0px;
position:absolute;
width:100%;
border-top: 1px solid #E89700;
border-bottom: 1px solid #E89700;
height: 55px;
background-color: #000;
}

Y nada no me funciona. ¿Alguna idea de que puede estar pasando?
Salu2 y gracias por adelantado
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de webmaster
Enviado el: martes, 07 de noviembre de 2006 10:28 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola, por alguna parte de la lista, encontraras varias soluciones (revisa la 
página de la lista y busca información sobre el tema, yo mismo realice ésta 
pregunta un par de veces, sin embargo, aunque la lista tiene una respuesta 
utilizando únicamente CSS en mi caso al intentar aplicarla no me funciono.

sn: me mando éste vinculo con la referencia:

http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010535.html

Ojo yo todavía no lo he podido solucionar bien, y las otras formas que 
encuentro de resolverlo son con javascript, pero eso a mi no se me da, por 
favor si encuentras una solución de css puro. 

Avisame si logras solucionar,

Vlad.

p.d: En general, si alguíen a logrado ya desarrollar una plantilla en CSS, que 
permita columnas fluidas, presentando el contenido primero (de tres columnas) 
pie al fondo de la página, y de preferencia sin usar hacks.

Por favor avisenme, para que le levante un monumento después de compartir el 
resultado.

Saludos a todos.

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema sn
yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos
ocupa entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPie.html
pues ahi esta, espero solucione.

un saludo.
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema Christian Roque Geldres
El problema de ese método de usar position:absolute; bottom:0; es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imágenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:

http://themaninblue.com/experiment/footerStickAlt/

Ahí puedes ver ejemplos del método que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicación
en si esta acá:

http://themaninblue.com/writing/perspective/2005/08/29/ 

Saludos

Christian Roque G.


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 12:02
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos
ocupa entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPi
e.html
pues ahi esta, espero solucione.

un saludo.
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema Christian Roque Geldres
Hola Vlad, he probado tu código y en Firefox el footer se va al fondo pero
un poco mas de donde debiera [1] ya que debería ser exactamente el alto de
la pantalla porque el contenido es corto, esto se debe a que los navegadores
tienen medidas predeterminadas para los elementos, esto se resetea
poniendo esto al inicio de tu CSS:

*{margin:0; padding:0;}

Pruébalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro
navegador.

Saludos

[1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg
[2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg 

Christian Roque Geldres



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de webmaster
Enviado el: miércoles, 22 de noviembre de 2006 02:24
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Christiaan,

Mira yo estoy probando con la solución que me diste:

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 /
titleFooter/title
link href=estilos.css rel=stylesheet type=text/css /
/head
body
!-- Inicio - Contenedor del sitio Web --
div id=contenedor
!-- Inicio - Contenido del sitio Web --
div id=contenido
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam
mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non
libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget,
auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis
sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc
vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi
vehicula condimentum. Donec venenatis convallis tortor./p
/div
!-- Fin - Contenido del sitio Web --
/div
!-- Inicio - Contenedor del sitio Web --
div id=pie
pTodos los derechos reservados/p
/div
!-- Fin - Contenedor del sitio Web --
/body
/html

CSS

html{height: 100%;}
body{
height: 100%;
margin: 0px;
padding: 0px;
background-color:#fc0;
}
* html #contenedor {height: 100%;}
#contenedor {
position:relative;
height:100%;
margin: auto;   
}
* html #pie {margin-top: -40px;}
#pie {
position:relative;
height: 40px;
margin-top:-40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#600;
}

En IE me funciona bien en FF no, tienes idea de que pueda ser?

Saludos,

Vlad.

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque
Geldres
Sent: Miércoles, 22 de Noviembre de 2006 12:21 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

El problema de ese método de usar position:absolute; bottom:0; es que la
primera vez que cargas una pagina larga (ejem un blog) que tenga varias
imágenes, el pie de pagina puede aparecer no necesariamente al final de la
pagina, por eso yo recomiendo el footerStickAlt:

http://themaninblue.com/experiment/footerStickAlt/

Ahí puedes ver ejemplos del método que mencionas y uno alternativo que en
lugar de englobar el footer en un contenedor lo que hace es poner el footer
fuera del contenedor, a este contenedor se le da una altura de 100% y el
footer se posiciona al final con un margen superior negativo, la explicación
en si esta acá:

http://themaninblue.com/writing/perspective/2005/08/29/ 

Saludos

Christian Roque G.


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 12:02
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos
ocupa entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPi
e.html
pues ahi esta, espero solucione.

un saludo.
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para

Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema Reynier Perez Mira
Perfecto, se acerca bastante a lo que yo quiero pero aún así y todo me sigue 
dando un problita. Miren el código CSS:
*
* {
padding: 0;  margin: 0;
}
html, body {
min-height: 100%; height: 100%; margin: 0; padding: 0;
}
#contenedor {
min-height: 100%;  position: relative;  margin: 0 auto;  width: 990px; 
max-width: 990px; text-align: left; 
}
#cabecera {
width: 829px;  height: 149px; float: left;  border-bottom: 1px solid 
#E89700; background-color: #FFA500;
}
#login {
width: 160px; height: 149px; float: left;  background-color: #CCC; 
border-bottom: 1px solid #E89700;
}
#columna_izquierda {
float: left; width: 75%; color: #000; background-color: Aqua;
}
#columna_derecha {
float: left; width: 25%; color: #000; background-color: Silver;
}
#contenedor_pie {
bottom:0; position:absolute; width:100%; border-top: 1px solid #E89700; 
border-bottom: 1px solid #E89700; height: 55px; background-color: #000;
}
*
HTML:
*
div id=contenedor
 div id=contenedor_cabeza
  div id=cabeceranbsp;/div
  div id=loginnbsp;/div
 /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierdaContenido de la columna izquierda/div
div id=columna_derechaContenido de la columna derecha/div
  /div !-- Contenedor de los elementos centrales --
   div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los 
elementos del pie de página --
/div !-- Contenedor --
*
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a 
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto 
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda uno 
de los DIV más que el otro y lo demás se mantiene igual. La lógica sería que si 
el DIV columna_derecha o columna_izquierda aumentara entonces también lo 
hiciera su contenedor contenedor_centro pero no lo está haciendo. ¿Alguien me 
podría decir en que me equivoqué esta vez?
Salu2 y gracias a todos por el tiempo 
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 11:02 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el 
post en mensajes anteriores pero la gente sorprendentemente decía que no le 
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un 
problema bastante común os pego un enlace al pedazo de blog WebIntenta, donde 
el colega se ha pegado unas plantillas de diseños típicos, el que nos ocupa 
entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPie.html
pues ahi esta, espero solucione.

un saludo.
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema Christian Roque Geldres
Los elementos dentro de contenedor_centro están flotados, es por eso que no
crece, si quieres que aumente antes de cerrarlo pon algún elemento con la
propiedad clear:both

Saludos

Christian Roque Geldres



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: miércoles, 22 de noviembre de 2006 02:36
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Perfecto, se acerca bastante a lo que yo quiero pero aún así y todo me sigue
dando un problita. Miren el código CSS:
*
* {
padding: 0;  margin: 0;
}
html, body {
min-height: 100%; height: 100%; margin: 0; padding: 0;
}
#contenedor {
min-height: 100%;  position: relative;  margin: 0 auto;  width:
990px; max-width: 990px; text-align: left; 
}
#cabecera {
width: 829px;  height: 149px; float: left;  border-bottom: 1px solid
#E89700; background-color: #FFA500;
}
#login {
width: 160px; height: 149px; float: left;  background-color: #CCC;
border-bottom: 1px solid #E89700;
}
#columna_izquierda {
float: left; width: 75%; color: #000; background-color: Aqua;
}
#columna_derecha {
float: left; width: 25%; color: #000; background-color: Silver;
}
#contenedor_pie {
bottom:0; position:absolute; width:100%; border-top: 1px solid
#E89700; border-bottom: 1px solid #E89700; height: 55px; background-color:
#000;
}
*
HTML:
*
div id=contenedor
 div id=contenedor_cabeza
  div id=cabeceranbsp;/div
  div id=loginnbsp;/div
 /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierdaContenido de la columna izquierda/div
div id=columna_derechaContenido de la columna derecha/div
  /div !-- Contenedor de los elementos centrales --
   div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de
los elementos del pie de página --
/div !-- Contenedor --
*
Hagan una simple prueba y pongale un texto inmenso a columna_izquierda y a
columna_derecha y en ambos casos diferentes, o sea que el tamaño del texto
del primer DIV sea menor o mayor que el del segundo. Como verán se desborda
uno de los DIV más que el otro y lo demás se mantiene igual. La lógica sería
que si el DIV columna_derecha o columna_izquierda aumentara entonces
también lo hiciera su contenedor contenedor_centro pero no lo está
haciendo. ¿Alguien me podría decir en que me equivoqué esta vez?
Salu2 y gracias a todos por el tiempo 
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de sn
Enviado el: miércoles, 22 de noviembre de 2006 11:02 am
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

yo resolví el mismo dilema hace unos cuantos meses en la lista, he pegado el
post en mensajes anteriores pero la gente sorprendentemente decía que no le
funcionaba.
así que para aclarar de una vez por todas el entuerto, ya que parece ser un
problema bastante común os pego un enlace al pedazo de blog WebIntenta,
donde el colega se ha pegado unas plantillas de diseños típicos, el que nos
ocupa entre ellos.
http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPi
e.html
pues ahi esta, espero solucione.

un saludo.
___
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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-22 Por tema Reynier Perez Mira
Ni la una ni la otra. Me explico, por más que intento hacer funcionar mi 
problema haciendo uso del método footerStickAlt no lo logró. Quizás estoy 
omitiendo alguna parte pero por más que busco no la encuentro. Debajo adjunto 
el código. Lo otro es que le puse un elemento que tiene clear:both debajo a 
las columnas que flotan y tampoco me expande el contenido. ¿Qué es lo que estoy 
haciendo mal?
***
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titleFooter Arghhh !!! Me tiene loco/title
 style type=text/css
 * { padding: 0; margin: 0; }
  html { height: 100%; }
  body { height: 100%; margin: 0px; padding: 0px; }
 * html #contenedor { height: 100%; }
 #contenedor { position: relative; height: 100%; margin: 0 auto;  width: 990px; 
max-width: 990px; text-align: left; }
 #cabecera {  width: 829px;  height: 149px;  float: left;  border-bottom: 1px 
solid #E89700; }
#login {  width: 160px;  height: 149px;  float: left;  border-bottom: 1px solid 
#E89700; }
#clear {  clear: both; }
#columna_izquierda { float: left;  width: 78%; color: #000; border: 1px solid 
#FFA500; background-color: #E0; }
#columna_derecha { float: left;  width: 21.6%; /* Aumentar a 22 */  color: 
#000;  border: 1px solid #FFF;   background-color: #FFFACD; }
* html #contenedor_pie { padding-top: -40px;  }
#contenedor_pie {  position:relative; height: 55px;  margin-top:-40px;  
margin-bottom:0px; background-color:#600; margin: 0 auto;  width: 990px; 
max-width: 990px; text-align: left; }
/style
/head
body
div id=contenedor
 div id=contenedor_cabeza
   div id=cabeceranbsp;/div
   div id=loginnbsp;/div
  /div !-- Contenedor de los elementos de la cabecera --
  div id=contenedor_centro
div id=columna_izquierda
   pMa quande lingues coalesce, li grammatica del resultant lingue es plu 
simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va 
esser plu simplic e regulari quam li existent Europan lingues. It va esser tam 
simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va 
semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que 
Occidental es./p
/div !-- Contenedor columna izquierda --
div id=columna_derechaContenido de la columna derecha/div !-- 
Contenedor columna derecha --
div id=clearnbsp;/div
   /div !-- Contenedor de los elementos centrales --
 /div !-- Contenedor outside_footer --
div id=contenedor_piePie de pagina al fondo/div !-- Contenedor de los 
elementos del pie de página --
/body
/html
Pruebenlo y me dejan saber si a Uds le funcionó porque lo que es a mi no hay 
forma de que me funcione.
Salu2 y gracias por todo
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-21 Por tema Reynier Perez Mira
Buenas nuevamente:
He probado de todas las formas que me plantean aquí y me sigue sin funcionar. 
¿Lo han probado ustedes con elementos flotantes? Por ejemplo mi layout está 
dividido como sigue:
di v id=contenedor
di v id=cabecera ... /div !-- Este flota a la izquierda --
di v id=login ... /div !-- Este flota a la izquierda --
di vid=col_izquierda/div !-- Este flota a la izquierda --
di v id=col_derecha/div !-- Este flota a la derecha--
di v id=pie/div !-- Este no flota y lo que hace es un 
clear:both--
/div
Y no me funciona. Me pone el contenido de los elementos flotantes por debajo 
del contenido de los DIV cabecera y login. ¿Alguna ayuda?
Salu2 y gracias por adelantado
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-10 Por tema jaume op
http://www.positioniseverything.net/articles/onetruelayout/examples
Encontre este link puede que te valga, mira el ejemplo que esta en verde, le
añades el pie al final y siempre queda debajo e iguala las columnas.
funciona en FF e IE que yo haya probado.

El día 7/11/06, Reynier Perez Mira [EMAIL PROTECTED] escribió:

 Hola comunidad:
 Nuevamente me ha surgido un problema. Resulta que tengo un footer pero
 cuando el texto no ocupa el 100% de la ventana del navegador como es lógico
 los DIV contenedores no se redimensionan. Bueno el caso es que este DIV
 footer sube como es lógico también. La pregunta es como mantener este DIV
 pegado al final de la página o al bottom de la ventana. ¿Se me comprende?
 Salu2 y gracias por adelantado
 --
 ReynierPM | 5to Ing. Informática
 Aprendiz de mucho, maestro de poco
 ___
 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-09 Por tema Christian Roque Geldres
Hola, has probado el footerStickAlt

http://www.themaninblue.com/experiment/footerStickAlt/ 

Christian Roque Geldres


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 11:13
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Pegar DIV al bottom de la ventana

Hola comunidad:
Nuevamente me ha surgido un problema. Resulta que tengo un footer pero
cuando el texto no ocupa el 100% de la ventana del navegador como es lógico
los DIV contenedores no se redimensionan. Bueno el caso es que este DIV
footer sube como es lógico también. La pregunta es como mantener este DIV
pegado al final de la página o al bottom de la ventana. ¿Se me comprende?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-09 Por tema Reynier Perez Mira
Hola Cristian:
Gracias por responder. He probado el método pero no logro hacerlo funcionar en 
Firefox, sin embargo y contradictoriamente a lo que se hable de IE en este si 
se me ve a la perfección. 

Salu2 y esperando por nuevas sugerencias

--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de Christian Roque Geldres
 Enviado el: 09 November, 2006 8:14 AM
 Para: 'Ovillo, la lista de CSS en castellano'
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 Hola, has probado el footerStickAlt
 
 http://www.themaninblue.com/experiment/footerStickAlt/
 
 Christian Roque Geldres
 
 
 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 En nombre de Reynier Perez Mira
 Enviado el: martes, 07 de noviembre de 2006 11:13
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Pegar DIV al bottom de la ventana
 
 Hola comunidad:
 Nuevamente me ha surgido un problema. Resulta que tengo un footer pero
 cuando el texto no ocupa el 100% de la ventana del navegador como es lógico
 los DIV contenedores no se redimensionan. Bueno el caso es que este DIV
 footer sube como es lógico también. La pregunta es como mantener este
 DIV
 pegado al final de la página o al bottom de la ventana. ¿Se me comprende?
 Salu2 y gracias por adelantado
 --
 ReynierPM | 5to Ing. Informática
 Aprendiz de mucho, maestro de poco
 ___
 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-09 Por tema Christian Roque Geldres
El tema de usarlo es que tienes que prácticamente rediseñar toda tu
estructura y CSS, prueba usándolo desde cero (hacer una nueva plantilla) y
ve añadiendo lo tuyo.

Christian Roque Geldres
 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: jueves, 09 de noviembre de 2006 09:33
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana

Hola Cristian:
Gracias por responder. He probado el método pero no logro hacerlo funcionar
en Firefox, sin embargo y contradictoriamente a lo que se hable de IE en
este si se me ve a la perfección. 

Salu2 y esperando por nuevas sugerencias

--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En
 nombre de Christian Roque Geldres
 Enviado el: 09 November, 2006 8:14 AM
 Para: 'Ovillo, la lista de CSS en castellano'
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 Hola, has probado el footerStickAlt
 
 http://www.themaninblue.com/experiment/footerStickAlt/
 
 Christian Roque Geldres
 
 
 -Mensaje original-
 De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
 En nombre de Reynier Perez Mira
 Enviado el: martes, 07 de noviembre de 2006 11:13
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Pegar DIV al bottom de la ventana
 
 Hola comunidad:
 Nuevamente me ha surgido un problema. Resulta que tengo un footer pero
 cuando el texto no ocupa el 100% de la ventana del navegador como es
lógico
 los DIV contenedores no se redimensionan. Bueno el caso es que este DIV
 footer sube como es lógico también. La pregunta es como mantener este
 DIV
 pegado al final de la página o al bottom de la ventana. ¿Se me comprende?
 Salu2 y gracias por adelantado
 --
 ReynierPM | 5to Ing. Informática
 Aprendiz de mucho, maestro de poco
 ___
 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://lists.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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-09 Por tema Norwin Galeano U.
Este es el enlace al layout http://cssplay.co.uk/layouts/bodyfix.html ahí 
tambien encontraras enlaces a otros ejemplos de layout utilizando la misma 
idea (el segundo me gustó mucho)...


From: Reynier Perez Mira [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Date: Wed, 8 Nov 2006 19:58:02 -0500

Podrias darme la URL directa? No logro encontrarlo por ninguna parte

Salu2 y gracias por adelantado

--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.

  -Mensaje original-
  De: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] En
  nombre de Norwin Galeano U.
  Enviado el: 08 November, 2006 3:10 PM
  Para: ovillo@lists.ovillo.org
  Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
  Creo q en Cssplay.co.uk hay un template que se base en la misma idea y 
para
  evitar el desborde cuando el texto es demasiado utilizaron el
  overflow:scroll para que el contenido tenga una barra de desplazamiento 
y el
  header y bottom permanezcan siempre visiblres.
 
 
  From: Nidia Fernandez Martinez [EMAIL PROTECTED]
  Reply-To: Ovillo, la lista de CSS en castellano 
ovillo@lists.ovillo.org
  To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
  Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
  Date: Tue, 7 Nov 2006 18:25:49 +0100
  
  Yo también tuve ese problema! Espera, que voy a ver como lo 
solucioné...
  
  El día 7/11/06, webmaster [EMAIL PROTECTED]
  escribió:
   
Ok, esto funciona bien, pero tiene un problemita,
Has una página Web, donde el contenido sea mayor (en el alto) al 
tamaño
  de
un pantallaza en el navegador, entonces, lamentablemente por alguna
  razón,
position:absolute;  no funciona bien, y te deja el footer, a la 
mitad de
  la
pantalla, o donde terminaba la pantalla original.
   
Pruebalo, pero si no tienes páginas con tanto contenido, en hora 
buena
solucionaste tu problema :)
  
  
  Yo también tuve el mismo problema, lo que no recuerdo es qué hice
  exactamente para solucionarlo... juraría que fue algo tan absurdo como
  sustituir la declaración inicial por esta:
  
  
  !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
  http://www.w3.org/TR/html4/loose.dtd;
  
  porque tengo el recuerdo de haber hecho un cambio global en
  dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la
  dirección de la hoja de estilos que yo usé:
  
  http://www.efeyl.org/pruebas/nidia/batallas/estilo.css
  
  Un saludo
  ___
  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://lists.ovillo.org/mailman/listinfo/ovillo
 
  
  _
  Visita MSN Latino Entretenimiento: ¡música, cine, chismes, TV y más...!
  http://latino.msn.com/entretenimiento/
 
  ___
  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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

_
Visita MSN Latino Entretenimiento: ¡música, cine, chismes, TV y más...! 
http://latino.msn.com/entretenimiento/

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-08 Por tema Norwin Galeano U.
Creo q en Cssplay.co.uk hay un template que se base en la misma idea y para 
evitar el desborde cuando el texto es demasiado utilizaron el 
overflow:scroll para que el contenido tenga una barra de desplazamiento y el 
header y bottom permanezcan siempre visiblres.


From: Nidia Fernandez Martinez [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
Date: Tue, 7 Nov 2006 18:25:49 +0100

Yo también tuve ese problema! Espera, que voy a ver como lo solucioné...

El día 7/11/06, webmaster [EMAIL PROTECTED] escribió:
 
  Ok, esto funciona bien, pero tiene un problemita,
  Has una página Web, donde el contenido sea mayor (en el alto) al tamaño 
de
  un pantallaza en el navegador, entonces, lamentablemente por alguna 
razón,
  position:absolute;  no funciona bien, y te deja el footer, a la mitad de 
la
  pantalla, o donde terminaba la pantalla original.
 
  Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena
  solucionaste tu problema :)


Yo también tuve el mismo problema, lo que no recuerdo es qué hice
exactamente para solucionarlo... juraría que fue algo tan absurdo como
sustituir la declaración inicial por esta:


!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;

porque tengo el recuerdo de haber hecho un cambio global en
dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la
dirección de la hoja de estilos que yo usé:

http://www.efeyl.org/pruebas/nidia/batallas/estilo.css

Un saludo
___
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://lists.ovillo.org/mailman/listinfo/ovillo

_
Visita MSN Latino Entretenimiento: ¡música, cine, chismes, TV y más...! 
http://latino.msn.com/entretenimiento/

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-08 Por tema Reynier Perez Mira
Podrias darme la URL directa? No logro encontrarlo por ninguna parte

Salu2 y gracias por adelantado

--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de Norwin Galeano U.
 Enviado el: 08 November, 2006 3:10 PM
 Para: ovillo@lists.ovillo.org
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 Creo q en Cssplay.co.uk hay un template que se base en la misma idea y para
 evitar el desborde cuando el texto es demasiado utilizaron el
 overflow:scroll para que el contenido tenga una barra de desplazamiento y el
 header y bottom permanezcan siempre visiblres.
 
 
 From: Nidia Fernandez Martinez [EMAIL PROTECTED]
 Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 Date: Tue, 7 Nov 2006 18:25:49 +0100
 
 Yo también tuve ese problema! Espera, que voy a ver como lo solucioné...
 
 El día 7/11/06, webmaster [EMAIL PROTECTED]
 escribió:
  
   Ok, esto funciona bien, pero tiene un problemita,
   Has una página Web, donde el contenido sea mayor (en el alto) al tamaño
 de
   un pantallaza en el navegador, entonces, lamentablemente por alguna
 razón,
   position:absolute;  no funciona bien, y te deja el footer, a la mitad de
 la
   pantalla, o donde terminaba la pantalla original.
  
   Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena
   solucionaste tu problema :)
 
 
 Yo también tuve el mismo problema, lo que no recuerdo es qué hice
 exactamente para solucionarlo... juraría que fue algo tan absurdo como
 sustituir la declaración inicial por esta:
 
 
 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
 http://www.w3.org/TR/html4/loose.dtd;
 
 porque tengo el recuerdo de haber hecho un cambio global en
 dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la
 dirección de la hoja de estilos que yo usé:
 
 http://www.efeyl.org/pruebas/nidia/batallas/estilo.css
 
 Un saludo
 ___
 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://lists.ovillo.org/mailman/listinfo/ovillo
 
 
 _
 Visita MSN Latino Entretenimiento: ¡música, cine, chismes, TV y más...!
 http://latino.msn.com/entretenimiento/
 
 ___
 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Pegar DIV al bottom de la ventana

2006-11-07 Por tema Reynier Perez Mira
Hola comunidad:
Nuevamente me ha surgido un problema. Resulta que tengo un footer pero cuando 
el texto no ocupa el 100% de la ventana del navegador como es lógico los DIV 
contenedores no se redimensionan. Bueno el caso es que este DIV footer sube 
como es lógico también. La pregunta es como mantener este DIV pegado al final 
de la página o al bottom de la ventana. ¿Se me comprende?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-07 Por tema Reynier Perez Mira
Muchas gracias Nidia, he probado cambiando algunas cosas en mi CSS y me ha 
funcionado a la perfección en IE y FF 2.0. Saludos y le dejo el CSS a 
Webmaster que tiene problemas y a otros que pregunten lo mismo:

#footer
{
height: 55px;
background-color: #000;
position:absolute;
bottom:0px;
width: 990px;
}

Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de Nidia Fernandez Martinez
 Enviado el: 07 November, 2006 10:35 AM
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
  Hola,
 
 Yo utilicé la solución expuesta en
 http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.html y me
 funcionó bastante bien.
 
 
 
 
 
 
 --
 
 Nidia Fernández Martínez
 Alhana, Alhanita, Nahriah...
 http://alhanita.blogspot.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-07 Por tema webmaster
Ok, esto funciona bien, pero tiene un problemita,
Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de un 
pantallaza en el navegador, entonces, lamentablemente por alguna razón, 
position:absolute;  no funciona bien, y te deja el footer, a la mitad de la 
pantalla, o donde terminaba la pantalla original.

Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena 
solucionaste tu problema :)

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Reynier Perez 
Mira
Sent: Martes, 07 de Noviembre de 2006 10:49 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana

Muchas gracias Nidia, he probado cambiando algunas cosas en mi CSS y me ha 
funcionado a la perfección en IE y FF 2.0. Saludos y le dejo el CSS a 
Webmaster que tiene problemas y a otros que pregunten lo mismo:

#footer
{
height: 55px;
background-color: #000;
position:absolute;
bottom:0px;
width: 990px;
}

Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de Nidia Fernandez Martinez
 Enviado el: 07 November, 2006 10:35 AM
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
  Hola,
 
 Yo utilicé la solución expuesta en
 http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.html y me
 funcionó bastante bien.
 
 
 
 
 
 
 --
 
 Nidia Fernández Martínez
 Alhana, Alhanita, Nahriah...
 http://alhanita.blogspot.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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-07 Por tema Nidia Fernandez Martinez
Yo también tuve ese problema! Espera, que voy a ver como lo solucioné...

El día 7/11/06, webmaster [EMAIL PROTECTED] escribió:

 Ok, esto funciona bien, pero tiene un problemita,
 Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de
 un pantallaza en el navegador, entonces, lamentablemente por alguna razón,
 position:absolute;  no funciona bien, y te deja el footer, a la mitad de la
 pantalla, o donde terminaba la pantalla original.

 Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena
 solucionaste tu problema :)


Yo también tuve el mismo problema, lo que no recuerdo es qué hice
exactamente para solucionarlo... juraría que fue algo tan absurdo como
sustituir la declaración inicial por esta:


!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;

porque tengo el recuerdo de haber hecho un cambio global en
dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la
dirección de la hoja de estilos que yo usé:

http://www.efeyl.org/pruebas/nidia/batallas/estilo.css

Un saludo
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-07 Por tema Reynier Perez Mira
Pues sip, estás en lo cierto lo había probado pero no en páginas con grandes 
contenidos como tu dices en los cuales efectivamente el DIV se me queda pegado 
justo a la mitad de la pantalla y no baja. Creo que la solución debe andar por 
JS pero no se donde buscar. Cualquier cosa me avisas
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de webmaster
 Enviado el: 07 November, 2006 11:15 AM
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 Ok, esto funciona bien, pero tiene un problemita,
 Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de
 un pantallaza en el navegador, entonces, lamentablemente por alguna razón,
 position:absolute;  no funciona bien, y te deja el footer, a la mitad de la
 pantalla, o donde terminaba la pantalla original.
 
 Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena
 solucionaste tu problema :)
 
 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 On Behalf Of Reynier Perez Mira
 Sent: Martes, 07 de Noviembre de 2006 10:49 a.m.
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 Muchas gracias Nidia, he probado cambiando algunas cosas en mi CSS y me ha
 funcionado a la perfección en IE y FF 2.0. Saludos y le dejo el CSS a
 Webmaster que tiene problemas y a otros que pregunten lo mismo:
 
 #footer
 {
   height: 55px;
   background-color: #000;
   position:absolute;
   bottom:0px;
   width: 990px;
 }
 
 Salu2
 --
 ReynierPM | 5to Ing. Informática
 Aprendiz de mucho, maestro de poco.
 
 
  -Mensaje original-
  De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 En
  nombre de Nidia Fernandez Martinez
  Enviado el: 07 November, 2006 10:35 AM
  Para: Ovillo, la lista de CSS en castellano
  Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
   Hola,
 
  Yo utilicé la solución expuesta en
  http://bidwell.textdrive.com/pipermail/ovillo/2006-July/010551.html y me
  funcionó bastante bien.
 
 
 
 
 
 
  --
  
  Nidia Fernández Martínez
  Alhana, Alhanita, Nahriah...
  http://alhanita.blogspot.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://lists.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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Pegar DIV al bottom de la ventana

2006-11-07 Por tema Reynier Perez Mira
Hola Nidia:
Yo tengo una estrctura en mi HTML como la que sigue:

!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; xml:lang=sp lang=sp
head
titlePortal de Simuladores y Realidad Virtual /title
link type=text/css rel=stylesheet 
href=http://simpro.uci.cu/themes/simpro/css/style.css; /
/head
body
div id=wrapper
div id=headernbsp;/div !-- Cabecera --
div id=loginTexto/div !-- smfBridge Login --
div id=left_col
div id=briefcaseAqui el contenido del Portafolio/div !-- 
Portafolio --
div id=promotionAqui promociones/div !-- Promociones --
/div !-- Columna izquierda --
div id=right_col
Contenido de la columna derecha
/div !-- Columna derecha --
div id=footer
Contenido del pie de pagina
/div !-- Pie de página --
/div !-- Contenedor --
/body
/html

Entonces si hago cambios en el #footer poniendole position: absolute y en el 
#wrapper poniendole position: relative todo se me deforma. ¿Qué solucion le 
darias a esto?
Salu2 y gracias por todo
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de Nidia Fernandez Martinez
 Enviado el: 07 November, 2006 11:26 AM
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana
 
 Yo también tuve ese problema! Espera, que voy a ver como lo solucioné...
 
 El día 7/11/06, webmaster [EMAIL PROTECTED] escribió:
 
  Ok, esto funciona bien, pero tiene un problemita,
  Has una página Web, donde el contenido sea mayor (en el alto) al tamaño de
  un pantallaza en el navegador, entonces, lamentablemente por alguna
 razón,
  position:absolute;  no funciona bien, y te deja el footer, a la mitad de la
  pantalla, o donde terminaba la pantalla original.
 
  Pruebalo, pero si no tienes páginas con tanto contenido, en hora buena
  solucionaste tu problema :)
 
 
 Yo también tuve el mismo problema, lo que no recuerdo es qué hice
 exactamente para solucionarlo... juraría que fue algo tan absurdo como
 sustituir la declaración inicial por esta:
 
 
 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
 http://www.w3.org/TR/html4/loose.dtd;
 
 porque tengo el recuerdo de haber hecho un cambio global en
 dreamweaver, pero no estoy segura 100%. Por si acaso, te paso la
 dirección de la hoja de estilos que yo usé:
 
 http://www.efeyl.org/pruebas/nidia/batallas/estilo.css
 
 Un saludo
 ___
 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo