El mié, 25-04-2007 a las 02:13 +0200, Diego Martín Lafuente escribió: > On Apr 24, 2007, at 10:45 PM, Sebastian Gurin wrote: > > > jeje... > > > > ojo , no leí tu código, pero te cuento mi experiencia: css define la > > semántica (estilo) de los elementos xml, no? Pues bien, si no > > definimos > > ningún css para un xhtml, ¿qué estilo aplica "por defecto" la > > aplicación > > del cliente (i.e: IE, FF, opera) ? Por ahí quizá está tu problema. > > "Semántica" no es estilo, es "significado" de algo. La semántica está > relacionada con el significado de un elemento, y no con las > propiedades visuales que éste contrae. > > CSS está hecho para "definir" propiedades tanto de caracter visual > como espacial de los elementos de un documento que esté conforme con > alguno de los lenguajes de etiquedado, por ejemplo HTML o XHTML. Pero > bien se puede utilizar para otro, incluso, uno propio basado en XML. > > Saludos, y ojo con las definiciones e interpretaciones. >
oops si perdón. Estará bien así: xml - semántica css - estilo js - comportamiento ? saludos > Diego Martín Lafuente > [EMAIL PROTECTED] > http://www.minid.net > –––––––––––––––––––––––––– > Chief Creative Officer, Tractis S.L. > http://www.tractis.com > > > > > > > Es cierto que ciertos agentes de usuario no respetan los estándares > > (IE). Sin embargo muchas veces se les culpa de ello, y en realidad los > > problemas vienen por el lado de que aplican "estilos por defecto" > > distintos. Y no hay ningún estándar que diga que la fuente por defecto > > dentro de un <div> no puede estar en negritas... > > > > Lo que yo haría: define en otro css el estilo por defecto para los > > elementos que tu usas (div), y aplica en cascada esta css primero > > que la > > tuya. ej: > > > > div { > > margin: lala > > font-size: lala2 > > background-color: lala3 > > } > > > > espero que se entienda > > > > Saludos > > > > El mar, 24-04-2007 a las 11:15 -0300, 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 [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 > > Diego Lafuente > ----------------------------------------- > http://www.minid.net > http://www.tractis.com > > > _______________________________________________ > 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
