Usa flash, así cuando no te salga con eso podrás culpar a Adobe, que estoy
seguro te hará mas caso que el w3c

Christian Roque Geldres
Encargado de Contabilidad
Del Pilar Miraflores Othon Hotel
 Telf. 712-0712 Anexo 5109 
 [EMAIL PROTECTED]
* http://www.delpilarmiraflores.com.pe
 

 

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de LISTAS
Enviado el: Martes, 24 de Abril de 2007 09:16 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] ¡Y dale con las convenciones!

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

_______________________________________________
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

Responder a