Re: [Ovillo] padding negativo

2006-11-23 Por tema Emmanuel Rovere
Muchas gracias Sr. Kemie ya lo estoy probando.
Salut!

-- 

Emmanuel
BillTed | www.bt2c.com
www.deconstructiva.com
[EMAIL PROTECTED]

___
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] padding negativo

2006-11-23 Por tema kemie guaida
sra, por favor ;)

...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.



Emmanuel Rovere wrote:
 Muchas gracias Sr. Kemie ya lo estoy probando.
 Salut!

   
___
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] padding negativo

2006-11-23 Por tema Emmanuel Rovere
Ups! mil disculpas


-- 

Emmanuel
BillTed | www.bt2c.com
www.deconstructiva.com
[EMAIL PROTECTED]

___
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 

[Ovillo] Lista de definiciones como en un diccionario

2006-11-23 Por tema Gael
Hola!

Me estoy peleando con una lista de definición. Quiero que los elementos 
aparezcan como en un diccionario: cada definición en un bloque, una 
encima de la otra y, en cada elemento el término (en negrita, por 
ejemplo) y, a continuación, la definición sin indentar ni nada.

En Firefox queda tal y como esperaba, pero en Internet Explorer 6 no, 
para variar. Seguro que me estoy dejando alguna tontería, pero cuantas 
más vueltas le doy menos lo consigo. Alguien me puede echar una mano, 
por favor?

Un saludo y gracias!


HTML:

dl
  dtItem 1:/dtdd Definición 1./dd
  dtItem 2:/dtdd Definición 2, muy larga para que ocupe más de una 
línea y las siguientes líneas, sin sangría, empiecen alineadas a la 
izquierda con el término y tal y cual./dd
  dtItem 3:/dtdd Definición 3 bla bla bla./dd
/dl


CSS:

dl {
margin: 0;
padding: 0;
}

dt {
float: left;
margin: 0;
padding: 0;
font-weight: bold;
}

dd {
float: left;
margin: 0;
padding: 0;
}



Gael
___
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] Porque IE7 descuadra todo

2006-11-23 Por tema Ignacio Fortea
Tengo que revisar la programación del sitio por si hay etiquetas mal
cerradas.
Por que es como si la capa mw_principal, contuviese a todas las demas
(cuando solo contiene el lateral derecho), ya que cuando le he quitado a
este su margin-left, todo ha vuelto a su posicion original.

Estoy experimentando bastantes problemas con mis paginas W3C e IE7. ¿A
alguien más le ha pasado? No es la unica pagina que cambia bastante
(Afortunadamente todas las demas al menos son navegables).
Pregunto porque estoy a punto de desistir y crear otra ccs para IE7.
 

 -Mensaje original-
 De: [EMAIL PROTECTED] 
 [mailto:[EMAIL PROTECTED] En nombre de Joan Piedra
 Enviado el: viernes, 17 de noviembre de 2006 16:17
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Porque IE7 descuadra todo
 
 No he visto el código pero por lo visto eso parece problemas 
 con el posicionamiento fijo (estas usando position:fixed; no?).
 
 A mi me ha pasado esto antes. Revisa si es que haz descrito 
 bien la propiedad _left_, o estas usando márgenes.
 
 Saludos.
 
 
 
 On 11/15/06, Alejandro Lillo [EMAIL PROTECTED] wrote:
 
  On 11/14/06, Ignacio Fortea [EMAIL PROTECTED] wrote:
   Tengo una pagina con tres hojas de estilo (aunque 
 realmente solo le
  afectan
   dos: estilosW3C.css y microwebsW3C.css).
   Con comentarios condicionales comprueba que sea una 
 version inferior 
   al
  7 y
   le aplica estilosIE.css y microwebs.IE
  
   Pero al verlo en IE7 todo queda descuadrado, ¿saben 
 porque puede ser?:
   http://www.educajob.com/microsites/index.asp?id=103910
 
  Mmmm, tiene pinta de ser un bug que encontré el otro día. 
 Todavía lo 
  estoy filtrando para encontrar la causa y la solución, pero vamos 
  tiene que ver con elementos flotados y bloques que posiblemente
  tengas en tu cabecera.
 
  Yo iría probando a eliminar selectivamente trozos de código 
 hasta ver 
  que es lo que está provocando el bug.
 
  --
  Alejandro Lillo
  www.nordic-design.net
  ___
  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
 
 
 
 
 --
 NEO_JP || Cristalab.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


[Ovillo] Libro de CSS - nivel avanzado

2006-11-23 Por tema Guillermo
Alguien me puede recomendar algún libro de CSS en español o en inglés
 
saludos y gracias
 
 
___
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 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] Libro de CSS - nivel avanzado

2006-11-23 Por tema Guillermo Movia
Hace un tiempo serecomendaron varios. Yo puedo hablarte bien de
Profesional CSS de Wrox o Anaya (inglés o español). Yo tengo la
versión en español y está muy bien. Si lo que buscás es algo para
principiantes, hay un «Beginning CSS» también de Wrox. Ese apenas lo
hojee, pero en general me gustan los libros de esa editorial.

Guillermo Movia

El 23/11/06, Guillermo[EMAIL PROTECTED] escribió:
 Alguien me puede recomendar algún libro de CSS en español o en inglés

 saludos y gracias


 ___
 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] Oferta de empleo Analista Programador

2006-11-23 Por tema Santiago Fernández-Barrero
Necesitamos cubrir un puesto de Analista Programador Senior con experiencia en 
ASP, Flash MX, Action Script, SQL Server, Ftp, Web. 

Seleccionamos un perfil personal alto, orientado a la excelencia. 

Liderará el desarrollo de un nuevo producto con la base de otros ya 
desarrollados. Previsiblemente -en función de su valía- dirigirá el 
departamento. 

Ofrecemos contrato indefinido revisable anualmente con una retribución mensual 
1.500€ fijo más 1.000 en función de objetivos. 

Incentivos: beneficios y participación en la sociedad. 

Interesados enviar CV a [EMAIL PROTECTED] 
www.PUEDESMAS.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

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] Lista de definiciones como en un diccionario

2006-11-23 Por tema inti castro
On 11/23/06, Gael [EMAIL PROTECTED] wrote:

 Me estoy peleando con una lista de definición. Quiero que los elementos
 aparezcan como en un diccionario: cada definición en un bloque, una encima
 de la otra y, en cada elemento el término (en negrita, por ejemplo) y, a
 continuación, la definición sin indentar ni nada.


a ver con esto:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
title/title
style type=text/css
dl, dl * { margin: 0; padding: 0; }
dt {
float: left;
width: auto;
padding-right: .25em;
font-weight: bold;
font-variant: small-caps;
}
dd {
display: block;
}
/style
/head
body
dl
dtItem 1:/dt
 ddDefinición 1./dd
dtItem 2:/dt
ddDefinición 2, muy larga para que ocupe más de una línea y las
siguientes líneas, sin sangría, empiecen alineadas a la izquierda con el
término y tal y cual./dd
dtItem 3:/dt
 ddDefinición 3 bla bla bla./dd
/dl
/body
/html

-- 
inti castro
[EMAIL PROTECTED]
___
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 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 

[Ovillo] Centrar contenido

2006-11-23 Por tema Jesus Torralba Izuel
Hola,
estamos preparando esta web: http://www.galliguera.com/ y no consigo  
ver todas las secciones centradas en la página (al menos eso creo).  
También me gustaría que la vieseis por si veis algún fallo, es una  
web que debe ser adaptada para personas con discapacidad

¿podéis ayudarme?

La web: http://www.galliguera.com/
CSS: http://www.galliguera.com/galliguera.css


Un saludo y gracias
  == www.erespixel.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


Re: [Ovillo] Centrar contenido

2006-11-23 Por tema Hermann Kaser
On 11/23/06, Jesus Torralba Izuel [EMAIL PROTECTED] wrote:
 Hola,
 estamos preparando esta web: http://www.galliguera.com/ y no consigo
 ver todas las secciones centradas en la página (al menos eso creo).
 También me gustaría que la vieseis por si veis algún fallo, es una
 web que debe ser adaptada para personas con discapacidad

Centradas? Yo lo veo todo bastante centrado... pinta bien.

-- 
Hermann Käser
http://www.theragingche.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


Re: [Ovillo] Resumen de Ovillo, Vol 33, Envío 29

2006-11-23 Por tema Jose Piquer
 4. Lista de definiciones como en un diccionario (Gael)

Has probado a quitar el float de los dd ?

-Jose

___
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