Re: [Ovillo] cabecera y pie, top y bottom

[jose lopez]

saludos.
continúa la incógnita, aquí no hay quien fije un pie al fondo del
navegador...
pienso que sería interesante que lo resolviéramos aquí, ya que se trata de
un layout muy típico y difundido y sin embargo, cómo estamos comprobando(yo
al menos) es difícil de conseguir con css.
así que nada, yo sigo rompiéndome la cabeza por mi cuenta.
ánimo!!! el reto continúa.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] cabecera y pie, top y bottom

[jose lopez]

salud kemie;
parece mentira que algo en apariencia tan sencillo, sea difícil de
conseguir...
te agradezco el enlace. le he estado hechando un ojo y no he conseguido que
funcione el condenado footerstickalt(sorprendente, lose, sólo se trata de
copypaste). por el contrario, y para mayor consternación el que si funciona
es la versión anterior, el footerstick, a pesar de los bugs que comentan que
genera. me resulta inquietante todo este tema, la verdad.
el footerstick me cuadra perfectamente en firefox e IE, tal vez solo se vea
el resultado de los bugs al complicar la maquetación utilizando esta
técnica(ya que ahora solo lo he probado con el contenido y un pie, sin menús
laterales, ni cabeceras...).

no obstante me sería de gran ayuda que me pegaras un código donde funcione
el footerstickalt(es incomprensible, pero a mi no me hace nada parecido a lo
que debería hacer).

continúo agradeciendo toda esta impagable y desinteresada ayuda.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] cabecera y pie, top y bottom

[jose lopez]

salud ramón;
ante todo y en primer lugar agradecerte profundamente la ayuda.
he seguido escrupulosamente las directrices que propones como solución, pero
me he encontrado con un problema que ya casi me es familiar. contrariamente
a lo que lógicamente debería suceder, al situar el pie absolutamente y con
un bottom de 0px, sucede que cuando el texto excede el alto de la pantalla,
éste se desborda, quedando el pie posicionado exactamente en el mismo lugar
que estaba cuando el texto no desbordaba(sin scroll de navegador)en lugar de
pegado a la parte inferior de la pantalla del navegador, como debería... tu
solución parece sencilla y eficiente, sin embargo me encuentro con este
problema.
a continuación te pego el código para que veas lo que te estoy contando.
reitero mi agradecimiento.

/* código

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>



My Blog




html,body {
height:100%;
min-height:100%;
margin:0px;
padding:0px;

}

#container {
   height:100%;
min-height:100%;
   margin:0px auto;
padding:0px;
text-align:left;
   width: 692px;
   background-color:#E6E4E4;
}

h1 {
   text-indent: -px;
   width: 692px;
   height: 90px;
   background-color:#16776a;
   margin: 0;
   padding: 0;
}

#left {
width: 178px;
float: left;
}

#content {
width: 479px;
float: left;
padding: 15px 0 10px 20px;
height:100%;
}

#footer {
margin: 0px auto;
position:absolute;
bottom:0px;
background-color: #16776a;
border-top: 9px solid #F7F7F6;
width: 692px;
padding: 5px 0;
clear: both;
}



/* --- navigation --- */

#navcontainer {
width: 178px;

}










My Blog






 
 Home

 About me
 Contact me
 Articles
 Photo roll
 








This is the title

Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur wisi mi, rutrum sit amet, viverra
vel, sodales vitae,
magna. Donec tempus felis sit amet eros. Nam urna. Duis vel orci. Mauris
placerat elit id mauris. Nullam sagittis tincidunt dolor. Nunc odio
magna, porta eu, ullamcorper ac, volutpat eget, nunc. Quisque tempus leo at
augue. Etiam feugiat massa in sem. Quisque nec diam. Nunc tempus
wisi nec risus. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. In auctor. Donec imperdiet ante
in metus. Curabitur felis nisl, placerat non, mollis eget, ullamcorper sit
amet, metus. In hac habitasse platea dictumst. Nam interdum urna ut
sapien. Nulla facilisi. Mauris ut velit. Proin non arcu.

Aenean vel dui. Ut sit amet augue sed erat convallis
ullamcorper. Nam feugiat dictum lectus. Mauris magna arcu, aliquam et,
tempus eget, auctor
id, libero. Ut facilisis tortor eget turpis. Praesent ligula elit, suscipit
a, malesuada ac, porttitor eget, sapien. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus
pede. Vivamus malesuada viverra nunc. Sed fringilla commodo odio.
Quisque luctus diam at odio. Nulla commodo. Donec mollis massa.

 Nullam vitae lorem et leo euismod convallis. Nunc auctor
elementum lacus. Ut sagittis felis. Donec non wisi. In erat. Proin ornare
enim sed
 nulla. Curabitur sagittis congue arcu. Aliquam auctor placerat turpis.
Suspendisse semper. Curabitur erat urna, eleifend at, varius eu,
 molestie volutpat, purus. Proin consectetuer.
 Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur wisi mi, rutrum sit amet, viverra
vel, sodales vitae,
magna. Donec tempus felis sit amet eros. Nam urna. Duis vel orci. Mauris
placerat elit id mauris. Nullam sagittis tincidunt dolor. Nunc odio
magna, porta eu, ullamcorper ac, volutpat eget, nunc. Quisque tempus leo at
augue. Etiam feugiat massa in sem. Quisque nec diam. Nunc tempus
wisi nec risus. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos hymenaeos. In auctor. Donec imperdiet ante
in metus. Curabitur felis nisl, placerat non, mollis eget, ullamcorper sit
amet, metus. In hac habitasse platea dictumst. Nam interdum urna ut
sapien. Nulla facilisi. Mauris ut velit. Proin non arcu.

Aenean vel dui. Ut sit amet augue sed erat convallis
ullamcorper. Nam feugiat dictum lectus. Mauris magna arcu, aliquam et,
tempus eget, auctor
id, libero. Ut facilisis tortor eget turpis. Praesent ligula elit, suscipit
a, malesuada ac, porttitor eget, sapien. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus
pede. Vivamus malesuada viverra nunc. Sed fringilla commodo odio.
Quisque luctus diam at odio. Nulla commodo. Donec mollis massa.

 Nullam vitae lorem et leo euismod convallis. Nunc auctor
elementum lacus. Ut sagittis felis. Donec non wisi. In erat. Proin ornare
enim sed
 nulla. Curabitur sagittis congue arcu. Aliquam auctor placerat turpis.
Suspendisse semper. Curabitur erat urna, eleifend at, varius eu,
 molestie volutpat, purus. Proin consectetuer.
 Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Curabitur wisi mi, rutrum sit amet, viverra
vel, sodales vitae,
mag

[Ovillo] cabecera y pie, top y bottom

[jose lopez]

saludos a todos los miembros de la lista. a continuación os propongo un
reto.

llevo tiempo buscando un layout específico y no consigo encontrar el modo
adecuado.
os explico.
lo que necesito es que la cabecera y el pie se posicionen del siguiente
modo:

-cuando el texto de la capa del contenido es corto y no hace que se active
el scroll del navegador, necesito que la cabecera permanezca totalmente
pegada al tope superior y que el pie quede totalmente pegado al tope
inferior. en el caso de que el texto de la capa contenido desborde y se
active el scroll del navegador, la capa de contenido se estiraría y el pie
debería continuar pegado al bottom y la cabecera al top(no fixed)...

no se si me he explicado claramente...

para que lo comprendáis mejor os adjunto un ejemplo en el que se ha
conseguido exactamente lo que busco, pero con la utilización de javascript
para detectar el alto de la pantalla.

y yo pregunto? podría lograr lo mismo sin la inclusión de javascript?

agracezco infinitamente cualquier aportación y espero encontrar una
solución...
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] saludos. primer mensaje.

[jose lopez]

que este primer mensaje sirva a modo de saludo y presentación.
soy un protodiseñador web, que comienza a descubrir el potencial que
encierran las hojas de estilo.
considero una genial iniciativa este tipo de listas de correo para promover
el conocimiento acerca de estas nuevas posibilidades de creación para la
red.

y depaso mi primera pregunta:
hace poco descubrí la posibilidad de incluir código php dentro de las hojas
de estilo, lo que para mi supuso una completa revolución, dadas las
posibilidades que ello entraña.
surge así el concepto de estilos dinámicos, lo cuál, pienso, puede facilitar
muchísimo la labor del diseñadorcss. sin embargo, buscando en internet al
repecto, los resultados en catellano son prácticamente inexistentes, ni en
foros ni en listas de correo.
y yo me pregunto, que opináis al respecto?
pienso que puede ser extremadamente útil. por ejemplo, una función php
dentro de la hoja de estilos que reconozca el navegador utilizado por el
usuario, y en función a esto cargue un código de estilos u otro. esto nos
ahorraría todos los quebraderos de cabeza con que nos atormenta internet
explorer...
me gustaría conocer vuestras opiniones al respecto...y que opinan los
estándares de la inclusión de php en los estilos y todo lo que se os
ocurra...
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo