Re: [Ovillo] Problema con el height de un DIV

2006-10-17 Por tema Maite Capalleja
 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

2006-10-17 Por tema Reynier Perez Mira
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

2006-10-17 Por tema Núria Ramoneda
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

2006-10-17 Por tema Reynier Perez Mira
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

2006-10-17 Por tema Reynier Perez Mira
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

2006-10-17 Por tema Reynier Perez Mira
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

2006-10-16 Por tema Reynier Perez Mira
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

2006-10-14 Por tema Núria Ramoneda
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

2006-10-14 Por tema LISTAS
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

2006-10-14 Por tema Reynier Perez Mira
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

2006-10-14 Por tema Christian Roque
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

2006-10-14 Por tema Reynier Perez Mira
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

2006-10-14 Por tema Reynier Perez Mira
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

2006-10-14 Por tema Núria Ramoneda
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

2006-10-14 Por tema LISTAS
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


[Ovillo] Problema con el height de un DIV

2006-10-13 Por tema Reynier Perez Mira
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