[Ovillo] problema con la altura de una capa
tengo cierto problemilla con la altura i la imagen de fondo que se
repite dentro de la capa
style type=text/css
#wrap {
width: 802px;
/* background-color: #EAF9FD; */
background: url('img/bg2.gif') repeat-y;
height: 1150px;
margin: auto;
text-align:center;
}
/style
la cuestión es que tengo que darle la altura manual en pixeles,
porque no consigo que se adapte automáticamente. He probado el height:
100%, el height:auto, i el margin-bottom: 100% y nada.. por mas que
lo intento no lo consigo, llega un momento que la imagen no se repite
por si sirve de algo, dentro de wrap tengo otra capa llamada #content:
#content {
width: 672px;
/* background-color: #EEFAFD; */
margin-bottom: 100%;
margin-left: 60px;
height: 100%;
}
podeis verlo aqui http://www.eloole.com clicando navegando por los
items del menu de la izquierda... vereis como la imagen llega un
momento que se corta
si alguien me puede ayudar lo agradeceria eternamente...
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con la altura de una capa
Hola David,
Mira prueba esto que a lo mejor te funciona:
#wrap #content
{
width: 672px;
/* background-color: #EEFAFD; */
margin-bottom: 100%;
margin-left: 60px;
height: 100%;
}
Así le dices que la capa content está dentro de la wrap de manera que tendrá
quue repetirse la imagen de fondo.
Saludetes,
Gema.
On 1/31/06, David Medina [EMAIL PROTECTED] wrote:
tengo cierto problemilla con la altura i la imagen de fondo que se
repite dentro de la capa
style type=text/css
#wrap {
width: 802px;
/* background-color: #EAF9FD; */
background: url('img/bg2.gif') repeat-y;
height: 1150px;
margin: auto;
text-align:center;
}
/style
la cuestión es que tengo que darle la altura manual en pixeles,
porque no consigo que se adapte automáticamente. He probado el height:
100%, el height:auto, i el margin-bottom: 100% y nada.. por mas que
lo intento no lo consigo, llega un momento que la imagen no se repite
por si sirve de algo, dentro de wrap tengo otra capa llamada #content:
#content {
width: 672px;
/* background-color: #EEFAFD; */
margin-bottom: 100%;
margin-left: 60px;
height: 100%;
}
podeis verlo aqui http://www.eloole.com clicando navegando por los
items del menu de la izquierda... vereis como la imagen llega un
momento que se corta
si alguien me puede ayudar lo agradeceria eternamente...
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://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problema con la altura de una capa
Hola. En el capítulo de hoy de pregúntame lo que quieras, que te responderé
lo que me dé la gana...
Gema Masegosa escribió:
#wrap #content
{
width: 672px;
/* background-color: #EEFAFD; */
margin-bottom: 100%;
margin-left: 60px;
height: 100%;
}
Así le dices que la capa content está dentro de la wrap de manera que tendrá
quue repetirse la imagen de fondo.
No, con #wrap #content no indicas dónde está #content de forma que se
aplique o se deje de aplicar la imagen de fondo (que de hecho es la imagen
de fondo de #wrap). La única diferencia entre utilizar #wrap #content o
simplemente #content es que en el primer caso estamos definiendo las
propiedades para #content siempre que esté dentro del elemento #wrap.
No sé si me he explicado, pero en este caso en concreto, da exactamente lo
mismo que pongas un selector que otro :)
Para David, lo que te está pasando es algo muy común. #content no está
abarcando todo su contenido porque los elementos #izquierda, #central y
#derecha están flotados. Se ha tratado más veces en esta lista, las
soluciones (explicadas muy rápido, lo siento) básicamente son:
a) Aprovechar un elemento que tengas dentro de #content, después de los tres
elementos flotados (pie de página o similar) y aplicarle un clear:both.
Entonces #content se estirará para abarcarlo. Opcionalmente podrías poner un
elemento vacío, y aplicarle esa regla, pero está muy mal visto y los dioses
de los estándares no te serán propicios, y además te quedarás ciego.
b) Utilizar #content:after. Añades un contenido mediante css, por ejemplo un
punto, o lo que sea (content:.). Le das display:block, y básicamente
tienes lo mismo que en el punto anterior, un elemento que puedes usar para
aclarar los flotantes y que #content se estire para abarcarlo. Explorer no
interpretará esto, pero creo que en este caso puedes pasar, porque IE ya
está abarcando todo el contenido, al tener un width determinado #content.
c) Darle a #content un overflow:auto. Dependiendo de las circunstancias,
podría darte algún problemilla, haciendo que aparezcan barras de scroll. Más
información sobre este método aquí :
http://www.mezzoblue.com/archives/2005/03/03/clearance/
Espero que te sirva de algo.
saludos
--
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia, experiencia y
comunicación en la web
http://simplelogica.net # (+34) 98 522 12 65
http://simplelogica.net/caoticoneutral/
___
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] problema con la altura de una capa
gracias por tu aclaración Ramón, de hecho lo del elemento con clear:
both; ya lo habia utilizado... simplemente lo olvidé!!!
que horror!! ya está solucionado!!
gracias!
david.
El 31/01/2006, a las 16:26, Ramon Pravia escribió:
Hola. En el capítulo de hoy de pregúntame lo que quieras, que te
responderé
lo que me dé la gana...
Gema Masegosa escribió:
#wrap #content
{
width: 672px;
/* background-color: #EEFAFD; */
margin-bottom: 100%;
margin-left: 60px;
height: 100%;
}
Así le dices que la capa content está dentro de la wrap de manera
que tendrá
quue repetirse la imagen de fondo.
No, con #wrap #content no indicas dónde está #content de forma que se
aplique o se deje de aplicar la imagen de fondo (que de hecho es la
imagen
de fondo de #wrap). La única diferencia entre utilizar #wrap
#content o
simplemente #content es que en el primer caso estamos definiendo las
propiedades para #content siempre que esté dentro del elemento #wrap.
No sé si me he explicado, pero en este caso en concreto, da
exactamente lo
mismo que pongas un selector que otro :)
Para David, lo que te está pasando es algo muy común. #content no está
abarcando todo su contenido porque los elementos #izquierda,
#central y
#derecha están flotados. Se ha tratado más veces en esta lista, las
soluciones (explicadas muy rápido, lo siento) básicamente son:
a) Aprovechar un elemento que tengas dentro de #content, después de
los tres
elementos flotados (pie de página o similar) y aplicarle un
clear:both.
Entonces #content se estirará para abarcarlo. Opcionalmente podrías
poner un
elemento vacío, y aplicarle esa regla, pero está muy mal visto y
los dioses
de los estándares no te serán propicios, y además te quedarás ciego.
b) Utilizar #content:after. Añades un contenido mediante css, por
ejemplo un
punto, o lo que sea (content:.). Le das display:block, y básicamente
tienes lo mismo que en el punto anterior, un elemento que puedes
usar para
aclarar los flotantes y que #content se estire para abarcarlo.
Explorer no
interpretará esto, pero creo que en este caso puedes pasar, porque
IE ya
está abarcando todo el contenido, al tener un width determinado
#content.
c) Darle a #content un overflow:auto. Dependiendo de las
circunstancias,
podría darte algún problemilla, haciendo que aparezcan barras de
scroll. Más
información sobre este método aquí :
http://www.mezzoblue.com/archives/2005/03/03/clearance/
Espero que te sirva de algo.
saludos
--
Ramón
demasiado viejo para ser una joven promesa,
demasiado joven para ser una vieja gloria,
pero aún así trabajando duro para Simplelógica: apariencia,
experiencia y
comunicación en la web
http://simplelogica.net # (+34) 98 522 12 65
http://simplelogica.net/caoticoneutral/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
dirección: http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
