Re: [Ovillo] Problema con el height de un DIV
Hola Reyner,
Te mando el codigo, espero que te sea lo que necesitas.
Css:
#contenedor{
width:95%;
background-color:#CC;
padding:0.5em;
}
.contenido{
background-color:#66;
color:#FF;
font-family:Trebuchet MS;
padding:0.5em;
margin-bottom:0.5em;
font-size:0.8em;
}
Html:
div id=contenedor
div class=contenido
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus
arroget annus. scriptor abhinc annos centum qui decidit, inter perfectos
veteresque referri debet an inter vilis atque novos? Excludat iurgia finis,
Est vetus atque probus, centum qui perficit annos. Quid, qui deperiit minor
uno mense vel anno, inter quos referendus erit? Veteresne poetas, an quos et
praesens et postera respuat aetas?
/div
div class=contenido
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus
arroget annus. scriptor abhinc annos centum qui decidit, inter perfectos
veteresque referri debet an inter vilis atque novos?
/div
div class=contenido
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus
arroget annus. scriptor abhinc annos
/div
/div
Saludos
___
Maite Ezkane Capalleja Bilbao
Departamento de Innovación
mailto:[EMAIL PROTECTED]
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira
Enviado el: martes, 17 de octubre de 2006 2:34
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Hola Nuria y demás:
A ver si ahora me puedo explicar un poco mejor. Tengo un contenedor X para unos
DIV. Algo así como esto:
Como debería quedar: http://www.flickr.com/photos/[EMAIL PROTECTED]/271797559/
Lo que me está pasando: http://www.flickr.com/photos/[EMAIL
PROTECTED]/271797562/
O sea lo que quiero lograr es que aunque el texto no me ocupe el 100% del DIV
contenedor este se mantenga a un tamaño constante y no se redimensione para
ocupar el tamaño que está ocupando el texto. ¿Me entienden ahora?
Salu2 y gracias nuevamente
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Núria Ramoneda
Enviado el: 14 October, 2006 11:49 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Si no te sale lo que quieres quizás es que no tenemos claro lo que
quieres que te salga. Explícanos un poco mejor.
De todos modos, no encuentro la página dónde encontré como hackear el
ie para que poder usar el min-height (pero si lo buscas en google,
seguro lo encuentras). Pero te paso un ejemplo del hack que tengo en una
página mia.
Substituye la cifra por la que tu necesites. Es así de sencillo.
Pruébalo y dinos.
min-height:200px;
height:auto !important;
height:200px;
Núria
2006/10/14, Reynier Perez Mira [EMAIL PROTECTED]:
Hola Nuria:
Gracias por responder pero lo he probado así como me sugieres y no
he logrado los resultados que quiero. Comprendí lo del height en
unidades de pixels o em. Ahora me podrías decir donde encontrar
como trabajar con el min-height?
Salu2
--
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] Problema con el height de un DIV
Gracias por responder Maite, eso que me mandaste está perfecto pero no es lo
que busco.
Si se dan cuenta puse 2 imágenes. La primera es para referencia y la segunda es
para que vean como debe quedar.
Para ejemplificar un poco mejor. Si se fijan en la 2da imagen puse los mismos
textos contenidos dentro de un DIV, ahora lo que quiero lograr es que cuando el
texto disminuya el DIV contenedor de este texto no lo haga. Actualmente lo que
tengo es que si el texto disminuye también lo hace el DIV pero no es eso lo que
quiero. No se si ahora me explico un poco mejor.
Salu2 y gracias por la ayuda
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Maite Capalleja
Enviado el: 17 October, 2006 4:20 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Hola Reyner,
Te mando el codigo, espero que te sea lo que necesitas.
Css:
#contenedor{
width:95%;
background-color:#CC;
padding:0.5em;
}
.contenido{
background-color:#66;
color:#FF;
font-family:Trebuchet MS;
padding:0.5em;
margin-bottom:0.5em;
font-size:0.8em;
}
Html:
div id=contenedor
div class=contenido
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus
arroget annus. scriptor abhinc annos centum qui decidit, inter perfectos
veteresque referri debet an inter vilis atque novos? Excludat iurgia finis,
Est
vetus atque probus, centum qui perficit annos. Quid, qui deperiit minor uno
mense vel anno, inter quos referendus erit? Veteresne poetas, an quos et
praesens et postera respuat aetas?
/div
div class=contenido
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus
arroget annus. scriptor abhinc annos centum qui decidit, inter perfectos
veteresque referri debet an inter vilis atque novos?
/div
div class=contenido
Si meliora dies, ut vina, poemata reddit, scire velim, chartis pretium quotus
arroget annus. scriptor abhinc annos
/div
/div
Saludos
___
Maite Ezkane Capalleja Bilbao
Departamento de Innovación
mailto:[EMAIL PROTECTED]
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Reynier Perez Mira
Enviado el: martes, 17 de octubre de 2006 2:34
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Hola Nuria y demás:
A ver si ahora me puedo explicar un poco mejor. Tengo un contenedor X para
unos DIV. Algo así como esto:
Como debería quedar:
http://www.flickr.com/photos/[EMAIL PROTECTED]/271797559/
Lo que me está pasando:
http://www.flickr.com/photos/[EMAIL PROTECTED]/271797562/
O sea lo que quiero lograr es que aunque el texto no me ocupe el 100% del
DIV contenedor este se mantenga a un tamaño constante y no se
redimensione para ocupar el tamaño que está ocupando el texto. ¿Me
entienden ahora?
Salu2 y gracias nuevamente
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Núria Ramoneda
Enviado el: 14 October, 2006 11:49 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Si no te sale lo que quieres quizás es que no tenemos claro lo que
quieres que te salga. Explícanos un poco mejor.
De todos modos, no encuentro la página dónde encontré como hackear el
ie para que poder usar el min-height (pero si lo buscas en google,
seguro lo encuentras). Pero te paso un ejemplo del hack que tengo en una
página mia.
Substituye la cifra por la que tu necesites. Es así de sencillo.
Pruébalo y dinos.
min-height:200px;
height:auto !important;
height:200px;
Núria
2006/10/14, Reynier Perez Mira [EMAIL PROTECTED]:
Hola Nuria:
Gracias por responder pero lo he probado así como me sugieres y no
he logrado los resultados que quiero. Comprendí lo del height en
unidades de pixels o em. Ahora me podrías decir donde encontrar
como trabajar con el min-height?
Salu2
--
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
Re: [Ovillo] Problema con el height de un DIV
La verdad, Reynier, ni con las imágenes enviadas me quedaba claro lo que
querias. Entiendo, por lo que dices ahora, que para ti el div en la segunda
imágen es la zona gris oscuro y no el recuadro que hay a su alrededor más
grande. Entiendo que el recuadro quiere representar lo que deberia ocupar el
gris oscuro (el div) incluso cuando el texto es menor a la altura del div.
Si ésto es así, con las indicaciones que te dí el otro dia, tiene que
funcionarte. Pega ésto en una página y prueba de cambir el height del
#wrapper (yo lo he puesto en pixels, si lo pones en % seguirá sin irte bien
porqué sinó el 100% del .contenedor es respecto al contenido de wrapper, que
es mucho menor.)
Juega también con el height del .contenedor (habria que ponerle un overflow,
por si te quedas corto).
También podrias probar con el min-height. En fin. Y si no consigues lo que
quieres así, yo creo que me rindo, porque entonces es que no entiendo lo que
quieres. Por cierto, porqué no cuelgas la página que estás probando, en
lugar de mandar su imágen. Seria mucho más fácil ayudarte ;-)
!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 /
titleDocumento sin tiacute;tulo/title
style type=text/css
!--
body{height:100%;}
#wrapper { width: 750px; text-align: left; margin: 0 auto; height: 900px;
background-color:#CC; }
.contenido { text-align: justify; height:20%; background-color: #CC9966;
margin: 10px 20px 0 30px; padding: 20px 20px 10px 20px;}
--
/style
/head
body
div id=wrapper
h1 class=fondoListado de Proyectos/h1
div class=contenido
p Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum ultricies volutpat sem. Vestibulum dui neque, rutrum et, tempus
quis, porta quis, sem. Phasellus nec tellus eu neque venenatis fermentum.
Morbi tristique placerat nibh. Etiam nulla. Fusce eu dolor. Mauris
elementum felis non lorem vehicula ultrices. Class aptent taciti sociosqu
ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Duis turpis arcu, mattis aliquam, tincidunt in, ultrices non, sem.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Sed ut sem. Sed tortor. Maecenas nec velit pulvinar
purus volutpat faucibus. Nullam a est. /p
/div
div class=contenido
p Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Vestibulum ultricies volutpat sem. Vestibulum dui neque,
rutrum et, tempus quis, porta quis, sem. Phasellus nec tellus eu neque
venenatis fermentum. Morbi tristique placerat nibh. Etiam nulla./p
/div
div class=contenido
p Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Vestibulum ultricies volutpat sem. Vestibulum dui neque,
rutrum et, tempus quis, porta quis, sem. Phasellus nec tellus eu neque
venenatis fermentum. Morbi tristique placerat nibh. Etiam nulla. Fusce eu
dolor. Mauris elementum felis non lorem vehicula ultrices. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Duis turpis arcu, mattis aliquam, tincidunt
in, ultrices non, sem. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed ut sem. Sed tortor. Maecenas
nec velit pulvinar purus volutpat faucibus. Nullam a est. /p
pSuspendisse potenti. Cras bibendum dui non
elit. Nam accumsan tellus in ante. Vestibulum porta lorem non nibh. Duis
blandit sollicitudin velit. Suspendisse gravida consectetuer ipsum. Nam
porta bibendum nunc. Etiam leo massa, pulvinar eget, sodales eu, elementum
quis, orci. Aenean eu tellus vel lacus gravida sollicitudin. Vivamus et
eros sed justo imperdiet laoreet. Aenean et orci. Quisque bibendum
porttitor massa. Maecenas non magna sed est venenatis vehicula. Nunc id
sapien id elit faucibus faucibus. Nunc ligula lectus, sagittis ac, mollis
eget, convallis eget, pede. /p
/div
/div
/body
/html
2006/10/17, Reynier Perez Mira [EMAIL PROTECTED] :
Gracias por responder Maite, eso que me mandaste está perfecto pero no es
lo que busco.
Si se dan cuenta puse 2 imágenes. La primera es para referencia y la
segunda es para que vean como debe quedar.
Para ejemplificar un poco mejor. Si se fijan en la 2da imagen puse los
mismos textos contenidos dentro de un DIV, ahora lo que quiero lograr es que
cuando el texto disminuya el DIV contenedor de este texto no lo haga.
Actualmente lo que tengo es que si el texto disminuye también lo hace el DIV
pero no es eso lo que quiero. No se si ahora me explico un
Re: [Ovillo] Problema con el height de un DIV
Muchas gracias Nuria, justamente eso era lo que andaba buscando. A lo mejor en
el mensaje anterior donde lo mandaste no lo comprendí bien del todo. Solo tiene
unos pequeños fallos pero nada que no se pueda arreglar.
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 Núria Ramoneda
Enviado el: 17 October, 2006 8:17 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
La verdad, Reynier, ni con las imágenes enviadas me quedaba claro lo que
querias. Entiendo, por lo que dices ahora, que para ti el div en la segunda
imágen es la zona gris oscuro y no el recuadro que hay a su alrededor más
grande. Entiendo que el recuadro quiere representar lo que deberia ocupar el
gris oscuro (el div) incluso cuando el texto es menor a la altura del div.
Si ésto es así, con las indicaciones que te dí el otro dia, tiene que
funcionarte. Pega ésto en una página y prueba de cambir el height del
#wrapper (yo lo he puesto en pixels, si lo pones en % seguirá sin irte bien
porqué sinó el 100% del .contenedor es respecto al contenido de wrapper,
que
es mucho menor.)
Juega también con el height del .contenedor (habria que ponerle un overflow,
por si te quedas corto).
También podrias probar con el min-height. En fin. Y si no consigues lo que
quieres así, yo creo que me rindo, porque entonces es que no entiendo lo que
quieres. Por cierto, porqué no cuelgas la página que estás probando, en
lugar de mandar su imágen. Seria mucho más fácil ayudarte ;-)
!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 /
titleDocumento sin tiacute;tulo/title
style type=text/css
!--
body{height:100%;}
#wrapper { width: 750px; text-align: left; margin: 0 auto; height: 900px;
background-color:#CC; }
.contenido { text-align: justify; height:20%; background-color: #CC9966;
margin: 10px 20px 0 30px; padding: 20px 20px 10px 20px;}
--
/style
/head
body
div id=wrapper
h1 class=fondoListado de Proyectos/h1
div class=contenido
p Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum ultricies volutpat sem. Vestibulum dui neque, rutrum et, tempus
quis, porta quis, sem. Phasellus nec tellus eu neque venenatis fermentum.
Morbi tristique placerat nibh. Etiam nulla. Fusce eu dolor. Mauris
elementum felis non lorem vehicula ultrices. Class aptent taciti sociosqu
ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Duis turpis arcu, mattis aliquam, tincidunt in, ultrices non, sem.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Sed ut sem. Sed tortor. Maecenas nec velit pulvinar
purus volutpat faucibus. Nullam a est. /p
/div
div class=contenido
p Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Vestibulum ultricies volutpat sem. Vestibulum dui neque,
rutrum et, tempus quis, porta quis, sem. Phasellus nec tellus eu neque
venenatis fermentum. Morbi tristique placerat nibh. Etiam nulla./p
/div
div class=contenido
p Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Vestibulum ultricies volutpat sem. Vestibulum dui neque,
rutrum et, tempus quis, porta quis, sem. Phasellus nec tellus eu neque
venenatis fermentum. Morbi tristique placerat nibh. Etiam nulla. Fusce eu
dolor. Mauris elementum felis non lorem vehicula ultrices. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Duis turpis arcu, mattis aliquam, tincidunt
in, ultrices non, sem. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Sed ut sem. Sed tortor. Maecenas
nec velit pulvinar purus volutpat faucibus. Nullam a est. /p
pSuspendisse potenti. Cras bibendum dui non
elit. Nam accumsan tellus in ante. Vestibulum porta lorem non nibh. Duis
blandit sollicitudin velit. Suspendisse gravida consectetuer ipsum. Nam
porta bibendum nunc. Etiam leo massa, pulvinar eget, sodales eu, elementum
quis, orci. Aenean eu tellus vel lacus gravida sollicitudin. Vivamus et
eros sed justo imperdiet laoreet. Aenean et orci. Quisque bibendum
porttitor massa. Maecenas non magna sed est venenatis vehicula. Nunc id
sapien id elit faucibus faucibus. Nunc ligula lectus, sagittis ac, mollis
eget, convallis eget, pede. /p
Re: [Ovillo] Problema con el height de un DIV
Hola nuevamente Nuria:
He probado lo que me mandas y en IE funciona a la perfección, o sea los DIV se
expanden cuando tienen que hacerlo y todo pero en FF no funciona. Lo he probado
con una maqueta que estoy haciendo y aquí te mando el código. Si puedes
pruébalo en Firefox y en IE para que veas lo que te trato de decir.
!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
meta http-equiv=Content-Type content=text/html charset=iso-8859-1 /
link type=text/css rel=stylesheet href=themes/simpro/css/style.css /
!--[if lt IE 7]script defer type=text/javascript src=?php echo
base_url() . 'assets/pngfix.js'; ?/script![endif]--
/head
body
div id=contenedor
div class=posicionador
div id=headernbsp;/div
div id=loginnbsp;/div
/div !-- Posicionamiento Cabecera --
div class=posicionador
div id=contenido_izquierdo
Contenido izquierdo
/div !-- Izquierda --
div id=contenido_derecho
Contenido derecho
/div !-- Derecha --
/div !-- Nivel Central --
div class=posicionador
Pie de página
/div !-- Footer/Pie de Página --
/div
/body
/html
El CSS es este:
#contenedor {
width: 990px;
max-width: 990px;
text-align: left;
margin: 0 auto;
height: 100%;
background-color: #000;
}
.posicionador {
padding: 0;
margin: 0;
}
#header {
width: 829px;
height: 149px;
float: left;
border-bottom: 2px solid #E89700;
}
#login {
width: 160px;
height: 149px;
float: left;
border-bottom: 2px solid #E89700;
}
#contenido_izquierdo {
width: 827px; /* adicionar +2 por el border */
height: 100%;
float: left;
border: 1px solid Red;
}
#contenido_derecho {
width: 158px; /* adicionar +2 por el border */
float: left;
background-color: #435278;
height: 100%;
border: 1px solid Blue;
}
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
body {
background-color: #000;
}
Fíjate que si lo pruebas en IE los DIV contenido_derecho y contenido_izquierdo
se expanden y me ocupan el 100% del contenedor pero por el contrario si lo
pruebas en FF se recogen. ¿Qué anda mal?
Salu2 y gracias adelantadas y bueno disculpen por chivar tanto pero es que
tengo muy buenos ánimos de aprender CSS y XHTML válidos
PD: ¿Tienes MSN? [EMAIL PROTECTED]
--
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] Problema con el height de un DIV
Hola a todos:
Gracias a todos los que de de una u otra forma me brindaron su ayuda. Ya he
logrado lo que quería. El problema estaba aquí:
#contenido_izquierdo {
width: 829px;
min-height: 829px; /* Adicione esto */
float: left;
height: 100%;
}
#contenido_derecho {
width: 160px;
min-height: 829px; /* Adicione esto */
float: left;
height: 100%;
background-color: #435278;
}
No se si eso sea algún hack lo extraño es que como dije antes en IE se me ve
sin problemas pero en FF2.0RC2 me sale mal. Ya está solucionado con esas dos
líneas que puse en cada uno de los ID.
Salu2
--
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] Problema con el height de un DIV
Hola Nuria y demás: A ver si ahora me puedo explicar un poco mejor. Tengo un contenedor X para unos DIV. Algo así como esto: Como debería quedar: http://www.flickr.com/photos/[EMAIL PROTECTED]/271797559/ Lo que me está pasando: http://www.flickr.com/photos/[EMAIL PROTECTED]/271797562/ O sea lo que quiero lograr es que aunque el texto no me ocupe el 100% del DIV contenedor este se mantenga a un tamaño constante y no se redimensione para ocupar el tamaño que está ocupando el texto. ¿Me entienden ahora? Salu2 y gracias nuevamente -- ReynierPM | 5to Ing. Informática Aprendiz de mucho, maestro de poco. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Núria Ramoneda Enviado el: 14 October, 2006 11:49 AM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Problema con el height de un DIV Si no te sale lo que quieres quizás es que no tenemos claro lo que quieres que te salga. Explícanos un poco mejor. De todos modos, no encuentro la página dónde encontré como hackear el ie para que poder usar el min-height (pero si lo buscas en google, seguro lo encuentras). Pero te paso un ejemplo del hack que tengo en una página mia. Substituye la cifra por la que tu necesites. Es así de sencillo. Pruébalo y dinos. min-height:200px; height:auto !important; height:200px; Núria 2006/10/14, Reynier Perez Mira [EMAIL PROTECTED]: Hola Nuria: Gracias por responder pero lo he probado así como me sugieres y no he logrado los resultados que quiero. Comprendí lo del height en unidades de pixels o em. Ahora me podrías decir donde encontrar como trabajar con el min-height? Salu2 -- 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] Problema con el height de un DIV
Reynier, al div #left , le falta el height.
Pero aunque se lo pongas te seguirá pasando lo mismo, porque en realidad tu
código se está ejecutando correctamente. Cada div ocupa, en altura, el 100%
de su div contenedor. Y puesto que ninguno tiene una altura específica (que
no sea un porcentaje), la altura se adapta al contenido.
Ponle a #wrapper una altura en pixels o en em, y verás como entonces el div
hijo se adapatará a dicha altura.
Yo te recomiendo, en cualquier caso, que a no ser que realmente quieras dar
una altura fija, utilizes minheight. IE no lo soporta bien, pero hay un hack
que lo arregla en un momento.
Espero que te sirva.
Núria
2006/10/14, Reynier Perez Mira [EMAIL PROTECTED]:
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV en
mi página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código de mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100% y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%; }
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no
se que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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] Problema con el height de un DIV
Sería bueno, EN GENERAL, especificar en cuál navegador se está teniendo el
problema. Yo he comprobado que el width y el height del body no tienen el
mismo comportamiento con respecto a Firefox y Explorer. Un buen ejemplo es
este: body {border: solid red 1px; width: 100%; height: 100%} y verán lo que
les comento. Pueden jugar un poquito y poner width: auto; height: auto...
Tengo algunas cuitas más, pero por hoy, les paso esta intriga... :-)
Almirante von Web/.
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, October 14, 2006 2:40 AM
Subject: [Ovillo] Problema con el height de un DIV
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV en mi
página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código de mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100% y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%; }
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no se
que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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] Problema con el height de un DIV
Pues sí, estás en lo cierto Almirante, he probado lo que me dices y los
resultados son totalmente diferentes. En FF el 100% no me ocupa todo el tamaño
de la ventana, incluso hay algunos DIV por fuera de ese 100%. Sin embargo en IE
la cosa cambia y me ocupa el tamaño real de la ventana. ¿Cómo podría solucionar
esto para que me salgan bien las cosas?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de LISTAS
Enviado el: 14 October, 2006 7:53 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Sería bueno, EN GENERAL, especificar en cuál navegador se está teniendo el
problema. Yo he comprobado que el width y el height del body no tienen el
mismo comportamiento con respecto a Firefox y Explorer. Un buen ejemplo es
este: body {border: solid red 1px; width: 100%; height: 100%} y verán lo que
les comento. Pueden jugar un poquito y poner width: auto; height: auto...
Tengo algunas cuitas más, pero por hoy, les paso esta intriga... :-)
Almirante von Web/.
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, October 14, 2006 2:40 AM
Subject: [Ovillo] Problema con el height de un DIV
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV en
mi
página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código de
mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100% y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%; }
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no se
que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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] Problema con el height de un DIV
Tienes que aplicar el height 100% a la etiqueta html, luego al body y de
ahi a lo que va dentro del body
Saludos
Christian Roque
El día 14/10/06, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Pues sí, estás en lo cierto Almirante, he probado lo que me dices y los
resultados son totalmente diferentes. En FF el 100% no me ocupa todo el
tamaño de la ventana, incluso hay algunos DIV por fuera de ese 100%. Sin
embargo en IE la cosa cambia y me ocupa el tamaño real de la ventana. ¿Cómo
podría solucionar esto para que me salgan bien las cosas?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] En
nombre de LISTAS
Enviado el: 14 October, 2006 7:53 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Sería bueno, EN GENERAL, especificar en cuál navegador se está teniendo
el
problema. Yo he comprobado que el width y el height del body no tienen
el
mismo comportamiento con respecto a Firefox y Explorer. Un buen ejemplo
es
este: body {border: solid red 1px; width: 100%; height: 100%} y verán lo
que
les comento. Pueden jugar un poquito y poner width: auto; height:
auto...
Tengo algunas cuitas más, pero por hoy, les paso esta intriga... :-)
Almirante von Web/.
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, October 14, 2006 2:40 AM
Subject: [Ovillo] Problema con el height de un DIV
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV en
mi
página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando
el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código
de
mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV
para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100%
y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%;
}
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no
se
que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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
--
Christian RoQue G.
___
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] Problema con el height de un DIV
Hola Nuria:
Gracias por responder pero lo he probado así como me sugieres y no he logrado
los resultados que quiero. Comprendí lo del height en unidades de pixels o
em. Ahora me podrías decir donde encontrar como trabajar con el min-height?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Núria Ramoneda
Enviado el: 14 October, 2006 7:17 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Reynier, al div #left , le falta el height.
Pero aunque se lo pongas te seguirá pasando lo mismo, porque en realidad tu
código se está ejecutando correctamente. Cada div ocupa, en altura, el 100%
de su div contenedor. Y puesto que ninguno tiene una altura específica (que
no sea un porcentaje), la altura se adapta al contenido.
Ponle a #wrapper una altura en pixels o en em, y verás como entonces el div
hijo se adapatará a dicha altura.
Yo te recomiendo, en cualquier caso, que a no ser que realmente quieras dar
una altura fija, utilizes minheight. IE no lo soporta bien, pero hay un hack
que lo arregla en un momento.
Espero que te sirva.
Núria
2006/10/14, Reynier Perez Mira [EMAIL PROTECTED]:
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV en
mi página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código de
mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100% y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%; }
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no
se que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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] Problema con el height de un DIV
Lo he probado así y nada. No se si viste otro mensaje mío a la lista donde
hablaba algo sobre elementos hijos y padres, pero si por ejemplo aplicó esto:
html, body { height: 100% }
¿No me lo tomarían todos los elementos hijos del body? O sea ¿todo lo que este
contenido en el body?
Salu2 y gracias
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Christian Roque
Enviado el: 14 October, 2006 10:18 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Tienes que aplicar el height 100% a la etiqueta html, luego al body y de
ahi a lo que va dentro del body
Saludos
Christian Roque
El día 14/10/06, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Pues sí, estás en lo cierto Almirante, he probado lo que me dices y los
resultados son totalmente diferentes. En FF el 100% no me ocupa todo el
tamaño de la ventana, incluso hay algunos DIV por fuera de ese 100%. Sin
embargo en IE la cosa cambia y me ocupa el tamaño real de la ventana.
¿Cómo
podría solucionar esto para que me salgan bien las cosas?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] En
nombre de LISTAS
Enviado el: 14 October, 2006 7:53 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Sería bueno, EN GENERAL, especificar en cuál navegador se está teniendo
el
problema. Yo he comprobado que el width y el height del body no tienen
el
mismo comportamiento con respecto a Firefox y Explorer. Un buen
ejemplo
es
este: body {border: solid red 1px; width: 100%; height: 100%} y verán lo
que
les comento. Pueden jugar un poquito y poner width: auto; height:
auto...
Tengo algunas cuitas más, pero por hoy, les paso esta intriga... :-)
Almirante von Web/.
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, October 14, 2006 2:40 AM
Subject: [Ovillo] Problema con el height de un DIV
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV
en
mi
página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando
el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código
de
mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV
para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100%
y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%;
}
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no
se
que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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
--
Christian RoQue G.
___
Lista de distribución
Re: [Ovillo] Problema con el height de un DIV
Si no te sale lo que quieres quizás es que no tenemos claro lo que quieres que te salga. Explícanos un poco mejor. De todos modos, no encuentro la página dónde encontré como hackear el ie para que poder usar el min-height (pero si lo buscas en google, seguro lo encuentras). Pero te paso un ejemplo del hack que tengo en una página mia. Substituye la cifra por la que tu necesites. Es así de sencillo. Pruébalo y dinos. min-height:200px; height:auto !important; height:200px; Núria 2006/10/14, Reynier Perez Mira [EMAIL PROTECTED]: Hola Nuria: Gracias por responder pero lo he probado así como me sugieres y no he logrado los resultados que quiero. Comprendí lo del height en unidades de pixels o em. Ahora me podrías decir donde encontrar como trabajar con el min-height? Salu2 -- 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] Problema con el height de un DIV
Ahí les envié otro intríngulis con estilos para los UL. La idea es que los
vean SIEMPRE con Explorer y Firefox (Opera, Netscape, etc., ¿por qué no?).
Bueno, para algunos casos, parcheo un estilo agregando esto dentro del
body {overflow: auto}
Almirante von Web/.
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, October 14, 2006 12:12 PM
Subject: Re: [Ovillo] Problema con el height de un DIV
Pues sí, estás en lo cierto Almirante, he probado lo que me dices y los
resultados son totalmente diferentes. En FF el 100% no me ocupa todo el
tamaño de la ventana, incluso hay algunos DIV por fuera de ese 100%. Sin
embargo en IE la cosa cambia y me ocupa el tamaño real de la ventana. ¿Cómo
podría solucionar esto para que me salgan bien las cosas?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En
nombre de LISTAS
Enviado el: 14 October, 2006 7:53 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con el height de un DIV
Sería bueno, EN GENERAL, especificar en cuál navegador se está teniendo el
problema. Yo he comprobado que el width y el height del body no tienen el
mismo comportamiento con respecto a Firefox y Explorer. Un buen ejemplo es
este: body {border: solid red 1px; width: 100%; height: 100%} y verán lo
que
les comento. Pueden jugar un poquito y poner width: auto; height: auto...
Tengo algunas cuitas más, pero por hoy, les paso esta intriga... :-)
Almirante von Web/.
- Original Message -
From: Reynier Perez Mira [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, October 14, 2006 2:40 AM
Subject: [Ovillo] Problema con el height de un DIV
Buenas nuevamente:
Sigo teniendo problemas que no acabo de resolver al 100% con unos DIV en
mi
página. ¿Qué es lo que pasa? Pues sencillo, el DIV no me está ocupando el
100% del contenedor como quiero que lo haga. Me dijeron en mensajes
anteriores que mi html,body debería tener la propiedad height:100% y así
está pero aún así sigo teniendo problemas. Miren más o menos el código de
mi
HTML y luego del CSS perteneciente a este:
HTML:
div id=wrapper
div id=left
div id=board
h1 class=fondoListado de Proyectos/h1
div class=contenido
ul
liAuto/li
liTeórico/li
liTiro/li
liQuirúrgico/li
liJuegos/li
liHerramientas/li
/ul
/div
/div
/div
div id=right
/div
/div
Si se dan cuenta dentro del contenedor (wrapper) hay dos DIV que flotan
(left, right) y luego dentro del DIV (left) entonces tengo otros DIV para
ordenar un poco las cosas. Todos esos DIV tienen el height puesto a 100% y
aún así nada.
Este es el CSS:
#wrapper { width: 990px; text-align: left; margin: 0 auto; height: 100%; }
#left { width: 829px; float: left; }
#right { width: 160px; float: left; background-color: #435278; height:
100%; }
#board { height: 100%; }
div.contenido { text-align: justify; height: 100%; background-color:
#525565; }
Si alguien me pudiera dar una ayuda se lo agradecería mucho porque ya no
se
que inventar para que esto me funcione correctamente.
Nota: No lo puse todo para no llenar el mensaje de cosas innecesarias y
hacerlo ilegible a los ojos humanos
Salu2, gracias de antemano y esperando por sus respuestas
--
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
