Re: [Ovillo] ¡Y dale con las convenciones!

Francisco Adolfo Álvarez Alonso Tue, 24 Apr 2007 07:45:55 -0700
LISTAS 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."
> 
> ©2007 ;-)
> 
> _______________________________________________
> 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
> 
  Entiendo que estés enojado por la interpretación tan diversa que hay. 
De todas formas revisa la especificación (Computando alturas y márgenes) 
, así de primeras veo que aplicas padding teniendo definido un height 
(100%), este se va a sumar al espacio en vertical que ocupa el 
elemento(de ahí tus escalones "sin sentido")Si me equivoco que alguien 
me corrija please.
_______________________________________________
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] ¡Y dale con las convenciones!

Responder a
