Re: [Ovillo] Problema con elementos div
stripTM escribi: Por cierto en css3 esto estar solucionado sin trucos ;) Si sientes curiosidad aqu te dejo donde esta el borrador de css 3 que cotrola este aspecto y se me paso de poner el otro da. http://www.w3.org/TR/2002/WD-css3-box-20021024/#clear-after Estoy deseando que llegue el da en que se pueda trabajar (y que la gente trabaje mayoritariamento) con css3 y xhtml2 :) -- Saludos -=stripTM=- ___ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
Re: [Ovillo] Problema con elementos div
Añade, al final de wrapper, otro div:
div id=blah/div
Y luego en el CSS:
#blah { clear: both; }
Debería funcionar. Un saludo :)
VG El problema es que al flotar las dos capas, la caja de la capa
VG envoltorio queda demasiado pequeña (no envuelve a las otras dos).
VG Podéisver el resultado si visitáis http://rax.ath.cx
VG http://rax.ath.cx/ . Como veréis, el fondo de la capa del pie de
VG página también se come el espacio donde debería ir la capa
VG envoltorio.
---
Martín Melado - youk [en] mundo-r.com
43º 21' 11 N, 8º 24' 45 W
---
___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Problema con elementos div
Hola de nuevo,
Muchas gracias por la ayuda, ya que lo que me comentas funciona
perfectamente. Tienes razón en que no es lo más elegante, pero bueno,
funcionar funciona, así que hasta que no tengamos la especificación de CSS3
y éste no esté soportado por los navegadores usaré esto :)
Un saludo y gracias
Víctor
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre
de stripTM
Enviado el: jueves, 29 de julio de 2004 21:59
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con elementos div
Victor Garcia escribió:
Hola a todos.
Me ha surgido un problema que nunca había visto con el flotado de capas. El
tema es el siguiente:
Quiero simular una tabla con dos columnas. En una de ellas (la más gruesa)
irá el contenido y en la otra irán otras cosas como el menú, etc. Hasta ahí
todo bien. Lo que quiero es rodear a ambas capas con un borde, de forma que
quede todo el conjunto como un rectángulo. Como las dos capas tienen
distinta altura, he definido una capa que hace de envoltorio de estas dos,
de tal forma que sea la que fije el fondo y el borde (quedando las otras
con
fondo transparente).
El problema es que al flotar las dos capas, la caja de la capa envoltorio
queda demasiado pequeña (no envuelve a las otras dos). Podéis ver el
resultado si visitáis http://rax.ath.cx http://rax.ath.cx/ . Como veréis,
el fondo de la capa del pie de página también se come el espacio donde
debería ir la capa envoltorio. La estructura del XHTML es la siguiente:
Hay un truco que consiste en añadir un nuevo bloque con un clear, lo que
va a forzar que la contenedora llegue hasta abajo, en tu codigo quedaría
.rompeFloat {clear: both; font-size: 1px;}
div id=wrapper
div id=content
pInformación./p
/div
div id=barramenu
pAquí irá la columna de cosas
varias./p
/div
div class=rompeFloatnbsp;/div
/div
He visto alguna solución más elegante usando el :before pero creo que
esto te puede orientar.
Por cierto en css3 esto estará solucionado sin trucos ;)
--
Saludos -=stripTM=-
___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
Re: [Ovillo] Problema con elementos div
Lo que te est pasando es normal. Al flotar las dos cajas interiores no se 'estira' la caja que las contiene. Seguramente IE si que lo hace (porque se lo traga todo), pero otros navegadores, como por ejemplo FireFor, no. Hay un truco que consiste colocar un 'tercer' elemento justo despus de cerrar el segundo DIV y aplicarle la propiedad CLEAR (right, left o both, segn sea necesario) Lo malo es que semnticamente no tiene mucho sentido ese tercer elemento. Puedes optar por colocar un HR, por ejemplo y decirle que tenga no tenga altura para ocultarlo. Espero que sea esto lo que buscabas. Un saludo Victor Garcia wrote: Hola a todos. Me ha surgido un problema que nunca haba visto con el flotado de capas. El tema es el siguiente: Quiero simular una tabla con dos columnas. En una de ellas (la ms gruesa) ir el contenido y en la otra irn otras cosas como el men, etc. Hasta ah todo bien. Lo que quiero es rodear a ambas capas con un borde, de forma que quede todo el conjunto como un rectngulo. Como las dos capas tienen distinta altura, he definido una capa que hace de envoltorio de estas dos, de tal forma que sea la que fije el fondo y el borde (quedando las otras con fondo transparente). El problema es que al flotar las dos capas, la caja de la capa envoltorio queda demasiado pequea (no envuelve a las otras dos). Podis ver el resultado si visitis http://rax.ath.cx http://rax.ath.cx/ . Como veris, el fondo de la capa del pie de pgina tambin se come el espacio donde debera ir la capa envoltorio. La estructura del XHTML es la siguiente: Muchas gracias de antemano --- ?xml version=1.0 encoding=ISO-8859-1? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titleVctor Garca Gonzlez/title link rel=stylesheet type=text/css href=./css/style.css/ /head body div id=header h1Vctor Garca/h1 h2Bienvenidos a mi blog/h2 /div div id=wrapper div id=content pInformacin./p /div div id=barramenu pAqu ir la columna de cosas varias./p /div /div div id=footer copy; 2004 Vctor Garcabr/ Correo electrnico: a href=mailto:[EMAIL PROTECTED] title=Enviar correo electrnico[EMAIL PROTECTED]/a /div /body /html Vctor Garca ___ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org ___ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
RE: [Ovillo] Problema con elementos div
El vie, 30-07-2004 a las 04:21, Victor Garcia escribió: Hola de nuevo, Muchas gracias por la ayuda, ya que lo que me comentas funciona perfectamente. Tienes razón en que no es lo más elegante, pero bueno, funcionar funciona, así que hasta que no tengamos la especificación de CSS3 y éste no esté soportado por los navegadores usaré esto :) Esté método es algo más elegante y funciona en todos los navegadores How To Clear Floats Without Structural Markup http://www.positioniseverything.net/easyclearing.html -- Manuel trabaja para Simplelógica, construcción web (+34) 985 22 12 65 http://simplelogica.net ___ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
[Ovillo] Problema con elementos div
Hola a todos. Me ha surgido un problema que nunca había visto con el flotado de capas. El tema es el siguiente: Quiero simular una tabla con dos columnas. En una de ellas (la más gruesa) irá el contenido y en la otra irán otras cosas como el menú, etc. Hasta ahí todo bien. Lo que quiero es rodear a ambas capas con un borde, de forma que quede todo el conjunto como un rectángulo. Como las dos capas tienen distinta altura, he definido una capa que hace de envoltorio de estas dos, de tal forma que sea la que fije el fondo y el borde (quedando las otras con fondo transparente). El problema es que al flotar las dos capas, la caja de la capa envoltorio queda demasiado pequeña (no envuelve a las otras dos). Podéis ver el resultado si visitáis http://rax.ath.cx http://rax.ath.cx/ . Como veréis, el fondo de la capa del pie de página también se come el espacio donde debería ir la capa envoltorio. La estructura del XHTML es la siguiente: Muchas gracias de antemano --- ?xml version=1.0 encoding=ISO-8859-1? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; head titleVíctor García González/title link rel=stylesheet type=text/css href=./css/style.css/ /head body div id=header h1Víctor García/h1 h2Bienvenidos a mi blog/h2 /div div id=wrapper div id=content pInformación./p /div div id=barramenu pAquí irá la columna de cosas varias./p /div /div div id=footer copy; 2004 Víctor Garcíabr/ Correo electrónico: a href=mailto:[EMAIL PROTECTED] title=Enviar correo electrónico[EMAIL PROTECTED]/a /div /body /html Víctor García ___ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
Re: [Ovillo] Problema con elementos div
Victor Garcia escribi:
Hola a todos.
Me ha surgido un problema que nunca haba visto con el flotado de capas. El
tema es el siguiente:
Quiero simular una tabla con dos columnas. En una de ellas (la ms gruesa)
ir el contenido y en la otra irn otras cosas como el men, etc. Hasta ah
todo bien. Lo que quiero es rodear a ambas capas con un borde, de forma que
quede todo el conjunto como un rectngulo. Como las dos capas tienen
distinta altura, he definido una capa que hace de envoltorio de estas dos,
de tal forma que sea la que fije el fondo y el borde (quedando las otras con
fondo transparente).
El problema es que al flotar las dos capas, la caja de la capa envoltorio
queda demasiado pequea (no envuelve a las otras dos). Podis ver el
resultado si visitis http://rax.ath.cx http://rax.ath.cx/ . Como veris,
el fondo de la capa del pie de pgina tambin se come el espacio donde
debera ir la capa envoltorio. La estructura del XHTML es la siguiente:
Hay un truco que consiste en aadir un nuevo bloque con un clear, lo que
va a forzar que la contenedora llegue hasta abajo, en tu codigo quedara
.rompeFloat {clear: both; font-size: 1px;}
div id=wrapper
div id=content
pInformacin./p
/div
div id=barramenu
pAqu ir la columna de cosas
varias./p
/div
div class=rompeFloatnbsp;/div
/div
He visto alguna solucin ms elegante usando el :before pero creo que
esto te puede orientar.
Por cierto en css3 esto estar solucionado sin trucos ;)
--
Saludos -=stripTM=-
___
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
