Re: [Ovillo] divs dentro de parrafos?
Si le echas un vistazo a la especificación... verás que pone cláramente: It cannot contain block-level elementshttp://www.w3.org/TR/REC-html40/struct/global.html#block-inline(including P http://www.w3.org/TR/REC-html40/struct/text.html#edef-P itself). http://www.w3.org/TR/REC-html40/struct/text.html#edef-P ___ 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] divs dentro de parrafos?
Hola Herman: El 14/10/2006, a las 1:25, Hernan Beati escribió: Hola a todos, el sentido del tag DIV es el de marcar una división o bloque. Es un elemento en bloque, para agrupar cosas en un bloque. En cambio, dentro de un p (párrafo) que es un elemento en línea, lo lógico sería usar un elemento de marcado en línea, y para eso se usa el tag span. Quizás esté equivocado, pero pensaba que tanto los Hx como los P eran considerados elementos de bloque. De hecho se renderizan como tales y según leo [1], efectivamente lo son. [1] http://www.htmlhelp.com/reference/html40/block.html Un saludo O sea, en bloque: DIV, en línea: SPAN. Saludos!! Hernán Beati --- www.saberweb.com.ar diego burich escribió: El día 13/10/06, Hernán Quiroga [EMAIL PROTECTED] escribió: nop con que sentido ? En Fri, 13 Oct 2006 18:42:55 -0300, diego burich [EMAIL PROTECTED] escribió: hola lista: adaptando un trabajo, me surgio esta duda, se puede incluir divs dentro de un parrafo? pdiv/div/p gracias, Diego. ___ 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 -- Manuel J. Recena Soto * www.manuelrecena.com[/blog] * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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] OT: pregunta sobre organización de fi cheros y directorios y referencias
Núria Ramoneda escribió: Cuando el servidor sirva la página pedida por el usuario, se incluirá el contenido de links.php en la página index.php, quedando tal que así: link href=/eines/estils/estilbase.css rel=Stylesheet type=text/css que para el indice es lo correcto. Pero ahora llamamos a fiesta.php, y cuando se ejecuta el include éste vuelve a poner lo anterior: link href=/eines/estils/estilbase.css rel=Stylesheet type=text/css y en este caso, para fiesta.php, esta ruta ya no es correcta, puesto que deberia ser link href=../../../eines/estils/estilbase.css ... Por tanto, desde fiesta.php no se encontrará la hoja de estilos. Perdón pero me equivoque y donde dije rutas relativas quería poner rutas absolutas, si la ruta comienza por / da igual en que punto del árbol de directorios te encuentres tanto index.php como primero/fiesta.php van a tomar correctamente el css si está declarado así: link href=/eines/estils/estilbase.css rel=Stylesheet type=text/css -- Saludos -=stripTM=- ___ 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] divs dentro de parrafos?
Manuel J. Recena Soto escribió: Hola Herman: El 14/10/2006, a las 1:25, Hernan Beati escribió: Hola a todos, el sentido del tag DIV es el de marcar una división o bloque. Es un elemento en bloque, para agrupar cosas en un bloque. En cambio, dentro de un p (párrafo) que es un elemento en línea, lo lógico sería usar un elemento de marcado en línea, y para eso se usa el tag span. Quizás esté equivocado, pero pensaba que tanto los Hx como los P eran considerados elementos de bloque. De hecho se renderizan como tales y según leo [1], efectivamente lo son. [1] http://www.htmlhelp.com/reference/html40/block.html P es un elemento de bloque, con darle un borde o un fondo se se que pinta una única caja aunque su contenido ocupe varías líneas, lo que no puede es contener dentro son elementos de bloque, pero eso es una restricción del html. -- Saludos -=stripTM=- ___ 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] Elementos hijos y padres
Reynier Perez Mira escribió:
Buenas a todos:
Acudo a la lista para que ver si entiendo algo que me está dando ciertos
problemas y que a lo mejor comprendí mal cuando lo estudié. Supongan que
tengo un elemento UL que no tiene clase ni ID y otro que si tiene. Por
ejemplo:
ul
li Este es el UL sin clase ni ID/li
/ul
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces según tengo entendido puedo hacer lo siguiente:
ul { margin: 0 0 0 1em; padding: 0; }
Y estas propiedades se les aplicarían a todos los UL de mi HTML. Pero si
pongo esto además:
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
ó
ul#navegacion { margin: 0 0 0 .3em; padding: 0; }
¿No se me aplican esos estilos a los UL definidos con esas clases o ID? ¿O es
que la cosa es así: Propiedades UL Generales + Propiedades para Clase y/o ID?
ul.clase_ul sólo se aplicara a los ul con class=clase_ul y en este
caso machacará los valores de ul {}al ser ser un selector más específico.
Lo mismo ocurre con ul#navegacion {}
Más información http://www.sidar.org/recur/desdi/traduc/es/css/selector.html
--
Saludos -=stripTM=-
___
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] divs dentro de parrafos?
Hola stripTM: El 14/10/2006, a las 10:17, stripTM escribió: Manuel J. Recena Soto escribió: Hola Herman: El 14/10/2006, a las 1:25, Hernan Beati escribió: Hola a todos, el sentido del tag DIV es el de marcar una división o bloque. Es un elemento en bloque, para agrupar cosas en un bloque. En cambio, dentro de un p (párrafo) que es un elemento en línea, lo lógico sería usar un elemento de marcado en línea, y para eso se usa el tag span. Quizás esté equivocado, pero pensaba que tanto los Hx como los P eran considerados elementos de bloque. De hecho se renderizan como tales y según leo [1], efectivamente lo son. [1] http://www.htmlhelp.com/reference/html40/block.html P es un elemento de bloque, con darle un borde o un fondo se se que pinta una única caja aunque su contenido ocupe varías líneas, lo que no puede es contener dentro son elementos de bloque, pero eso es una restricción del html. Totalmente de acuerdo con lo que comentas. Hice esa puntualización porque se había comentado que P era un elemento en línea cuando no lo es. De hecho existen varias comprobaciones para comprobar cómo el motor de renderizado del navegador los interpreta, tanto los elemento en bloque como los elementos en línea. Un saludo -- Saludos -=stripTM=- ___ 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 -- Manuel J. Recena Soto * www.manuelrecena.com[/blog] * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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] OT: pregunta sobre organización de fi cheros y directorios y referencias
Hola Strip, acabo de probar poniendo la ruta absoluta como me dices, simplemente con la / delante y no encuentran la hoja de estilos, ni el index.php ni el primero/fiesta.php. Yo me equivoqué al poner mis ejemplos, porque en algunos estaba la barra delante y en realidad yo no la tengo puesta en ninguna de las rutas. Todas son relativas. Si le quito la barra / y lo vuelgo a dejar como estaba, index.php encuentra la hoja de estilos, pero primero/fiesta.php ya no la encuentra. Lo estoy probando en mi servidor apache en local. Quizás necesita algun requisito especial para que funcione? Luego lo pruebo en el servidor remoto, que ahora tengo que salir a comprar. Fins ara Núria 2006/10/14, stripTM [EMAIL PROTECTED]: Perdón pero me equivoque y donde dije rutas relativas quería poner rutas absolutas, si la ruta comienza por / da igual en que punto del árbol de directorios te encuentres tanto index.php como primero/fiesta.php van a tomar correctamente el css si está declarado así: link href=/eines/estils/estilbase.css rel=Stylesheet type=text/css -- Saludos -=stripTM=- ___ 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] Elementos hijos y padres
Gracias por responder StripTM pero no me está funcionando así. Tengo el código
como mismo lo puse y según comprendí de la lectura y de lo que ya sabía si
tengo lo siguiente:
ul { margin: 0 0 0 .3em; padding: 0; }
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
Y luego tengo esto:
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces a ese UL se le debería aplicar el selector para la clase clase_ul o
sea ul.clase_ul pero no lo está haciendo así, sino que me está poniendo las
propiedades de ul mas las de clase_ul. ¿Qué estoy haciendo mal?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de stripTM
Enviado el: 14 October, 2006 3:23 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Elementos hijos y padres
Reynier Perez Mira escribió:
Buenas a todos:
Acudo a la lista para que ver si entiendo algo que me está dando ciertos
problemas y que a lo mejor comprendí mal cuando lo estudié. Supongan que
tengo un elemento UL que no tiene clase ni ID y otro que si tiene. Por
ejemplo:
ul
li Este es el UL sin clase ni ID/li
/ul
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces según tengo entendido puedo hacer lo siguiente:
ul { margin: 0 0 0 1em; padding: 0; }
Y estas propiedades se les aplicarían a todos los UL de mi HTML. Pero si
pongo esto además:
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
ó
ul#navegacion { margin: 0 0 0 .3em; padding: 0; }
¿No se me aplican esos estilos a los UL definidos con esas clases o ID? ¿O
es
que la cosa es así: Propiedades UL Generales + Propiedades para Clase y/o ID?
ul.clase_ul sólo se aplicara a los ul con class=clase_ul y en este
caso machacará los valores de ul {}al ser ser un selector más específico.
Lo mismo ocurre con ul#navegacion {}
Más información
http://www.sidar.org/recur/desdi/traduc/es/css/selector.html
--
Saludos -=stripTM=-
___
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] Elementos hijos y padres
Buenas...
Yo trataría, en la medida de lo posible, de englobar las listas por
separado, para hacer referencia directa a estas, mira:
body
div id=wrapper
div id=navbar
ul
liElemento de lista/li
/ul
/div
ul
liElemento de lista/li
/ul
/div
Aquí puedes hacer referencia directa a cualquiera de las 2 listas:
AQUÍ HACEMOS REFERENCIA A LA LISTA QUE DEPENDE DEL #wrapper, Y SÓLO A ELLA
#wrapper ul {
margin: 5px 0 5px 15px;
}
AQUÍ HACEMOS REFERENCIA A LA LISTA DENTRO DE #navbar, Y SÓLO A ELLA.
#navbar ul {
margin: 5px 0 5px 15px;
}
Espero que te sirva ;-)
Saludos.
Enrique.
Reynier Perez Mira escribió:
Buenas a todos:
Acudo a la lista para que ver si entiendo algo que me está dando ciertos
problemas y que a lo mejor comprendí mal cuando lo estudié. Supongan que
tengo un elemento UL que no tiene clase ni ID y otro que si tiene. Por
ejemplo:
ul
li Este es el UL sin clase ni ID/li
/ul
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces según tengo entendido puedo hacer lo siguiente:
ul { margin: 0 0 0 1em; padding: 0; }
Y estas propiedades se les aplicarían a todos los UL de mi HTML. Pero si
pongo esto además:
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
ó
ul#navegacion { margin: 0 0 0 .3em; padding: 0; }
¿No se me aplican esos estilos a los UL definidos con esas clases o ID? ¿O es
que la cosa es así: Propiedades UL Generales + Propiedades para Clase y/o ID?
Salu2 y esperando respuesta, ahh y gracias de antemano
--
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] Elementos hijos y padres
Reynier Perez Mira escribió:
Gracias por responder StripTM pero no me está funcionando así. Tengo el
código como mismo lo puse y según comprendí de la lectura y de lo que ya
sabía si tengo lo siguiente:
ul { margin: 0 0 0 .3em; padding: 0; }
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
Y luego tengo esto:
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces a ese UL se le debería aplicar el selector para la clase clase_ul
o sea ul.clase_ul pero no lo está haciendo así, sino que me está poniendo las
propiedades de ul mas las de clase_ul. ¿Qué estoy haciendo mal?
Nada, lo que te hace es correcto, lo que hace es machacar las anteriores
reglas definidas pero sigue conservando las anteriores, es como refinar.
En tu caso
ul class=clase_ul id=navegacion
primero aplica las reglas de ul ya que se trata de un ul :-)
Y luego los de ul.clase_ul, si hay propiedades que entren en conflicto
las del selector más específico machacan a las otras.
Si no quieres compartir ningún estilo utiliza dos class diferentes.
--
Saludos -=stripTM=-
___
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
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] Elementos hijos y padres
Enrique Rodríguez escribió:
Buenas...
Yo trataría, en la medida de lo posible, de englobar las listas por
separado, para hacer referencia directa a estas, mira:
body
div id=wrapper
div id=navbar
ul
liElemento de lista/li
/ul
/div
ul
liElemento de lista/li
/ul
/div
Aquí puedes hacer referencia directa a cualquiera de las 2 listas:
AQUÍ HACEMOS REFERENCIA A LA LISTA QUE DEPENDE DEL #wrapper, Y SÓLO A ELLA
#wrapper ul {
margin: 5px 0 5px 15px;
}
Uuuummm, con #wrapper ul {...} haces referencias a las _dos_ listas, ya
que ambas están dentro del div id=warpper /div
--
Saludos -=stripTM=-
___
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] Documentación para sitios web?
Hola de nuevo, yo se que es una lista de css pero en vista de que se ha vuelto punto de referencia en desarrollo web, para todos los que andan en esto, pues quisiera saber, en la opinion de ustedes , _¿QUÉ SUGIEREN DE LOS MANUALES DE USUARIO PARA SITIOS WEB?_ conocen de algun sitio donde se discuta la importancia de esta documentación??. El punto es el siguiente: mi tesis, es un sitio que incorpora el uso de joomla, wordpress, y un manejador de ficheros fotograficos (coppermine), como orientar el manual de manera que no explique nuevamente los cientos de tutoriales que hay en internet para manejar estas aplicaciones, y se vuelva algo de tamaño gigantesco. Cualquier opinion es muy valiosa, me gustaría hacer un sondeo entre ustedes que saben de desarrollo web, así como cualquier link 2respetable donde expongan la documentación para sitios. Salu2... ___ 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] Elementos hijos y padres
stripTM escribió:
Enrique Rodríguez escribió:
Buenas...
Yo trataría, en la medida de lo posible, de englobar las listas por
separado, para hacer referencia directa a estas, mira:
body
div id=wrapper
div id=navbar
ul
liElemento de lista/li
/ul
/div
ul
liElemento de lista/li
/ul
/div
Aquí puedes hacer referencia directa a cualquiera de las 2 listas:
AQUÍ HACEMOS REFERENCIA A LA LISTA QUE DEPENDE DEL #wrapper, Y SÓLO A ELLA
#wrapper ul {
margin: 5px 0 5px 15px;
}
Uuuummm, con #wrapper ul {...} haces referencias a las _dos_ listas, ya
que ambas están dentro del div id=warpper /div
Cierto, pero con la otra sentencia anulamos lo que pueda llevar la
anterior css y le damos la que queremos ;-)
___
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] Elementos hijos y padres
Miren esto:
html
head
titleDe no creer/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
--
ul {color: red}
.clase_ul {color: green}
#id_ul {color: orange}
--
/style
/head
body
ul style=color: blue
liLo que sea 1 azul/li
liLo que sea 2 azul/li
/ul
ul
liLo que sea 3 rojo/li
liLo que sea 4 rojo/li
/ul
ul class=clase_ul
liLo que sea 5 verde/li
liLo que sea 6 verde/li
/ul
ul id=id_ul
liLo que sea 7 naranja/li
liLo que sea 8 naranja/li
/ul
/body
/html
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:29 PM
Subject: Re: [Ovillo] Elementos hijos y padres
Gracias por responder StripTM pero no me está funcionando así. Tengo el
código como mismo lo puse y según comprendí de la lectura y de lo que ya
sabía si tengo lo siguiente:
ul { margin: 0 0 0 .3em; padding: 0; }
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
Y luego tengo esto:
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces a ese UL se le debería aplicar el selector para la clase clase_ul
o sea ul.clase_ul pero no lo está haciendo así, sino que me está poniendo
las propiedades de ul mas las de clase_ul. ¿Qué estoy haciendo mal?
Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En
nombre de stripTM
Enviado el: 14 October, 2006 3:23 AM
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Elementos hijos y padres
Reynier Perez Mira escribió:
Buenas a todos:
Acudo a la lista para que ver si entiendo algo que me está dando ciertos
problemas y que a lo mejor comprendí mal cuando lo estudié. Supongan que
tengo un elemento UL que no tiene clase ni ID y otro que si tiene. Por
ejemplo:
ul
li Este es el UL sin clase ni ID/li
/ul
ul class=clase_ul id=navegacion
li Este es el UL tiene clase y tiene ID/li
/ul
Entonces según tengo entendido puedo hacer lo siguiente:
ul { margin: 0 0 0 1em; padding: 0; }
Y estas propiedades se les aplicarían a todos los UL de mi HTML. Pero si
pongo esto además:
ul.clase_ul { margin: 0 0 0 .3em; padding: 0; }
ó
ul#navegacion { margin: 0 0 0 .3em; padding: 0; }
¿No se me aplican esos estilos a los UL definidos con esas clases o ID?
¿O es
que la cosa es así: Propiedades UL Generales + Propiedades para Clase y/o
ID?
ul.clase_ul sólo se aplicara a los ul con class=clase_ul y en este
caso machacará los valores de ul {}al ser ser un selector más específico.
Lo mismo ocurre con ul#navegacion {}
Más información
http://www.sidar.org/recur/desdi/traduc/es/css/selector.html
--
Saludos -=stripTM=-
___
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
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
