Antes que nada, informo que esta contestación contiene texto unicode. Si alguien no puede visualizarla, puede compararla con esta imagen: http://www.cienciapopular.com/n/exp_velocidad_luz/formula.png
Ahora a lo nuestro, Federico. Razonemos juntos, ¿dale que sí? Tomo el programa de paginación y pongo (yo uso el Notepad en Windows o el SimpleText en Mac): <objeto> <objeto width> <objeto width="x"> <objeto width="131px"> O sea: he declarado que mi objeto "debe" medir "131px" (Ni "-131px" ni "+131px", ¿OK?) En el aula: —A ver niño Federico, repita usted conmigo: ¿cuánto mide mi objeto? —¡Ciento treinta y un píxeles Almirante! —¡Muy bien Federico! Ahora pongo lo siguiente: <objeto width="131px" border="5px">. ¿Cuánto mide el objeto? —¡Ciento cuarenta y un píxeles Almirante! —¡Mal, Federico! ¡Nos vemos en marzo! Al salir del aula: —¿Y... cómo te fue? —Mal, che. Este chabón es un... Esto parece loco, pero no lo es. En los exámenes de ingreso de algunas universidades hay una pregunta similar a esta: "yo tengo una salchicha de 12cm a cuyos extremos tiene adosado un hilo de 5cm. ¿Cuánto mide la salchicha? "Por el as de espada te saco el argentino" me dijeron alguna vez fuera de mis pagos. Y por lo tanto, supongo que sabrás que todos los años aquí, en este bendito país, se da lo mismo: de 5.000 postulantes universitarios para Ciencias Exactas entran sólo 1... a lo sumo 5... o ninguno. Y no es para menos: casi todos responden que la salchicha mide 22cm. Creer o reventar. Y sin embargo, tal vez se sepan de memoria el modelo de caja del W3C... o el atajo de teclado del nivel 107 del Skillfulboy... Y por eso lo aplican sobre la pobre salchicha... :( Más: http://www.google.com.ar/search?hl=es&client=firefox-a&rls=org.mozilla%3Aes- AR%3Aofficial&hs=WJ6&q=reprobaron+el+ingreso+a&btnG=B%C3%BAsqueda&meta=lr%3D lang_es Acá el punto es si el borde y los márgenes "interiores" (padding) forman parte del objeto. Si lo forman, no deben sumar y si no lo forman, no son el objeto. Entonces el declarar un width es tan falso (hasta diría "hipócrita") como declarar que una salchicha está compuesta de 10cm de hilo y 12cm de carne... ¡Caramba! ¡Estaría pagando 10cm de carne que nunca consumiré! Que la fórmula "a+b+c=a" me soprepasa ya no quedan dudas, ¿qué querés que te diga? Vos decís: "Ancho del contenido", y ahí sobreviene el desastre. El borde, ¿es contenido? El padding, ¿es contenido? ¿Desde cuándo? Si yo creo una capa de 120 x 300 píxeles y dentro de ella no pongo nada. ¿Puedo hablar de contenido? Le agrego un borde de 2px y un padding de 10px pero sigo sin escribir una sola letra ni poner absolutamente nada. La "nada", ¿es contenido? Si la capa "contiene" a un borde, el borde está "contenido", "incluido" en la capa. Si la capa "contiene" un padding, el padding está "dentro de la capa", no es "la capa + el padding". Tampoco es "la capa + el borde". Razonemos como un físico matemático: sabemos que "nada" puede superar la velocidad de la luz (c), por lo tanto: c = (λ · v) o sea: (c = 300.000Km/s). Por lo tanto: (c = 100%). ¿Cómo es posible entonces que "el ancho" (no hablo de Rubén Peuchele) de un objeto de 12cm de ancho (el 100% de sí mismo) sea 12cm de ancho + n? ¿Para qué cuernos "declaré" una medida absoluta que luego por capricho de unos genios se convertirá en relativa? Puede que desvaríe. Y que otros crean que confundo un árbol con su sombra, pero den por sentado que tengo muy claro el punto de este debate. Fíjense que ustedes mismos no pueden definir el alto absoluto de un objeto de 100% x 100% en un cotexto dado siempre y cuando se cometa el "crimen" de poner padding o border más allá del cero absoluo... Una solución de la mano de autor a futuro para incorporar en el CSS3: "padding-style: inside" y "border-style: inside". Entonces con esta pequeñez corregiríamos todo este entuerto y el 100% volvería a recuperar su valor absoluto. Almirante von Web/. -------------------------------------- "Educando al asno, por no apalearlo." (c)2007 ;-) ----- Original Message ----- From: "Federico Santoalla" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" <[email protected]> Sent: Wednesday, April 25, 2007 12:58 PM Subject: Re: [Ovillo] ¡Y dale con las convenciones! Don Almirante, Este es un tema que ya ha sido tratado en reiteradas oportunidades, creo que la confusión viene por este lado: La propiedad "width" es el ancho ¿Ancho de que?¿de espadas?¿de basto? (Nota:en el juego de napies llamado truco se le dice ancho al as). Ancho del contenido. Entonces donde esta lo ilógico, si el ancho del contenido más espacio entre contenido y borde, más los bordes mismos, más el margen, da como resultado el ancho de la caja. Si lo que vos querés es utilizar una sola propiedad para marcar el ancho de tu caja tendrás que mirar hacia el futuro (ver borrador de CC3: http://www.w3.org/TR/css3-box/#the-box-width). Un Saludo. Federico. El día 25/04/07, Francisco Adolfo Álvarez Alonso <[EMAIL PROTECTED]> escribió: > > Almirante von Web/. escribió: > > ¡Esa es la cuestión!: "¿a+b+c = a?" > > Estas confundiendo las dimensiones del contenido con las del bloque de > contención, que no es lo mismo. Repasa el modelo de caja. Te puede ser > más o menos lógico pero es lo que hay. > > > > > ¡¡¡Ahhhh...!!! ¡¡¡Paren el mundo que me quiero bajar!!! > > "Einstein, volvé que te perdonamos: los del W3C se tomaron la teoría de > la > > relatividad como absoluta... ;-) ¡Ouch!" > > > > Almirante von Web/. > > -------------------------------------- > > "Educando al asno, por no apalearlo." > > (c)2007 ;-) > > > > ----- Original Message ----- > > From: "jaume op" <[EMAIL PROTECTED]> > > To: "Ovillo, la lista de CSS en castellano" <[email protected]> > > Sent: Wednesday, April 25, 2007 11:31 AM > > Subject: Re: [Ovillo] ¡Y dale con las convenciones! > > > > > > Esta sea la cuestión. > >> el consorcio dice....... > >> los oteadores ejecutan ....? > >> la gente habla..... > > pero? pienso ; quiero una casa de 100m. > >> Podría ser que al amueblarla se hiciera más grande? > > margin+paddding+width = width?. > >> Como explicar esto, sin discursión? > >> Pienso que no apota nada nuevo pero la pregunta sería, ¿ a quien hacer > > caso? > > Realmente de quien es, y quien sufre el problema? > > > > > > > > El día 24/04/07, LISTAS <[EMAIL PROTECTED]> escribió: > >> Estoy diseñando/programando un sitio de pantalla interactiva de > >> comportamiento relativo (líquido); esto es: que todo ocurre en una > misma > >> ventana con un IFRAME como destino y sin importar la resolución del > >> monitor > >> del usuario. > >> > >> > >> > >> El objeto en ciernes está dividido en 3 DIV alineados con la propiedad > de > >> posición "absolute". > >> > >> > >> > >> El primero, llamado "columna", de 14px de ancho, está a cero píxel > (0px) > >> del > >> margen; el segundo, llamado "menú", de 125px, a 14px del margen; y el > >> tercero, llamado "central" está a 141px y es de ancho líquido (100%) ya > >> que > >> se ajusta a la pantalla de usuario. > >> > >> > >> > >> | 14px | 125px | 100% | > >> > >> | Algo | Links | IFRAME | > >> > >> | | | | > >> > >> > >> > >> Dentro del DIV "central" calza un IFRAME de destino. > >> > >> > >> > >> El código es este: > >> > >> > >> > >> <html> > >> > >> <head> > >> > >> <title>Malditas reglas</title> > >> > >> <style> > >> > >> > >> > >> .columna { > >> > >> margin: 0px; position: absolute; background: #CCFFCC; width: 14px; > height: > >> 100%; top: 0px; left: 0px; border: solid blue 1px; padding: 1px; > >> text-align: > >> center; display: block; > >> > >> } > >> > >> > >> > >> .menu { > >> > >> margin: 0px; position: absolute; background: #CCD8E6; width: 125px; > >> height: > >> 100%; top: 0px; left: 16px; border: solid black 1px; padding: 2px; > >> display: > >> block /* ("none" en el original) */; > >> > >> } > >> > >> > >> > >> .central { > >> > >> margin: 0px; position: absolute; background: #FFFFCC; width: 100%; > height: > >> 100%; top: 0px; left: 141px; border: solid red 1px; padding: 7px; > >> overflow: > >> hidden; display: block; > >> > >> } > >> > >> > >> > >> .marco { > >> > >> -moz-border-radius:30px; > >> > >> margin: 0px; border: solid blue 2px; padding: 10px; overflow: auto; > width: > >> 100%; height: 100%; > >> > >> } > >> > >> </style> > >> > >> </head> > >> > >> <body> > >> > >> <div class="columna"></div> > >> > >> <div class="menu"></div> > >> > >> <div class="central"> > >> > >> <iframe id="destino" name="Destino" scrolling="yes" width="100%" > >> height="100%" frameborder="0" marginwidth="20" marginheight="20" > >> class="marco" src="central.htm"> > >> > >> <a href="central.htm" target="Destino"> > >> > >> Su navegador no acepta iframes</a> > >> > >> </div> > >> > >> </body> > >> > >> </html> > >> > >> > >> > >> Ahora bien. ¿Qué creen uds. que obtengo cuando lo visualizo todo con > >> Opera, > >> Explorer y Firefox? ¡Pura mierda! > >> > >> > >> > >> Ninguno de los 3 "ven" lo mismo. Hay estúpidos y absurdos > desbordamientos > >> en > >> ancho y alto. Absurdos escalonamientos (ver al pie) de 3 objetos con > los > >> mismos parámetros. De modo que para corregir estos bodrios deformes > tengo > >> que recurrir a un truco de JavaScript que me he inventado hace añares y > >> que > >> "emprolija" todo y para todos los navegadores. Pero, ¿y por qué tengo > que > >> ponerle un bonete al sombrero para cubrirme del sol, si ya compré el > >> sombrero? > >> > >> > >> > >> Pero no entiendo porqué, con tantas convenciones por allí, y el W3C en > el > >> medio, el perro no ladra, el gato pía y el canario caza ratones… Es > como > >> si > >> habiendo comprado una pistola de rayos láser tenga que matar al > monstruo a > >> patadas. > >> > >> > >> > >> ¿Enojado es la palabra? "Enojadísimo" pues… ¡HOY ESTOY ENOJADO! Me he > >> leído > >> el manual de CSS2 y los proyectos del CSS3 y nada, che. Mucha "teoría" > >> intelectual, pero "en la práctica", el pescado todavía sin vender y > cada > >> día > >> huele peor... :( > >> > >> > >> > >> Y después, nos quieren seguir haciendo creer que el hombre llegó a la > >> luna… > >> ¡Bah! > >> > >> > >> > >> Almirante von Web/. > >> > >> -------------------------------------- > >> > >> "Educando al asno, por no apalearlo." > >> > >> (c)2007 ;-) > >> > >> _______________________________________________ > >> Lista de distribución Ovillo > >> Para escribir a la lista, envia un correo a [email protected] > >> 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 [email protected] > > 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 [email protected] > > 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 [email protected] > 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 [email protected] 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
