[eside-ghost] CSSs

[Alvaro Uría]

Aupi,

[ en un intento desesperado por revivir GedI, mando este mensaje tb a esa
lista O:-D ]

Saladino [27/01/06 17:44 +0100] escribió:
> > > pues nada... que como no uso tablas.. solo DIVs pues me estoy raspando
> > > un poco con algunas propieddes/efectos que no consigo... por
> > > ejemplo... si keria un recuado entrado en el medio de la ventana ante
> > > scogia una tabla sin borde de alto y ancho el 100% de la ventana  y
> > > con la propiedad valign="middle" y align="center", dentro metia el
> > > recuadro con las dimensiones que queria y me kedaba centrado en medio
> > > (tanto en alto como en ancho), independientemente de la resolucion...
> >
> > Para aprender cómo hacer tablas en CSS 2,
> >         http://www.w3.org/TR/REC-CSS2/tables.html (inglis)
> >         http://www.sidar.org/recur/desdi/traduc/es/css/tables.html (espanis)
> >
> > > ahora con css el recuadro es un DIV  con la propiedad margin: auto
> > > auto; por lo que me pone los margenes laterales y superior/inferior de
> > > forma automatica... el en caso de los laterales lo hace bien y me
> > > centra en el ancho pero en el alto no... alguien sabe como centrar en
> > > vertical con CSSs???
> >
> > El rollo estaría en usar la propiedad "display" con los valores table,
> > table-row y table-cell (ver adjunto de prueba :P)
> 
> Ni idea acerca de este concepto, porque si necesitas usar una
> tabla(para presentar valores tabulares) usas los tags "<table>" claro,


> pero hasta que punto es lo correcto hacer "tablas de presentacion"
> para algo que no es una tabla aunque sea desde el css?

Para saber si es "correcto" o no, yo me suelo guiar por, valga la
redundancia, la _"Guía de Accesibilidad de Contenidos"_,
	http://www.w3.org/TR/WCAG10-HTML-TECHS/

Este documento tiene una sección sobre las Tablas,
	http://www.w3.org/TR/WCAG10-HTML-TECHS/#tables

Entre las tablas, se hace la diferencia entre "tablas de contenido" y "tablas
de presentación":

	* para el primer caso, se aceptan etiquetas <TABLE> y toda la
	parafernalia... y donde más lo veo necesario es en _formularios_ a
	rellenar.

	* para el segundo caso, NO se debería usar más que hojas de estilos,
	salvo problemas muy especiales en lectores antiguos de páginas html.


Lo que comentas de las "tablas de presentación"... ¿qué son las columnas de
todos los blogs y demás páginas? El uso de "tablas" yo lo veo claro: rellenar
espacio visual que contiene distintos temas para no tener que jugar a buscar
en secuencial.

Que dichas tablas estén hechas en CSS implica que con otra hoja de estilo ya
tienes otro diseño distinto.

¿Qué quieres decir con... "lo correcto"?

	* Para accesibilidad: lo es

	* Para el navegador web: hay muchos usuarios de IE (dolordecabeza++)

	* Para el programador web: CSS es lo más cómodo O:-) Para mí equivale
	al invento que supone LaTeX: "sólo" estás pendiente del contenido.

	* Para el usuario final: se la^W^Wle da igual.

> > El problema es que Internet Explorer no lo entiende. Sólo entiende los
> > valores que pone en esta gües,
> > http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp
> >
> > Así que yo recomendaría utilizar ese estilo por defecto, y un "javaescris"
> > opcional para comprobar si el UserAgent es IE (y entonces usar tablas html).
> 
> Discrepo en este punto. A mi parecer seria mas correcto usar tablas
> minimamente aunque no sea lo correcto que utilizar un javascript para
> variar la pagina dependiendo del user-agent, ademas si utilizas php o
> similar en servidor mejor que eso seria detectar el user-agent en la
> peticion y servir dependiendo aunque repito que eso me parece peor que
> el uso de tablas. Pienso que si te metes a diferenciar User-agents
> podrias no terminar nunca.

No me parece bien involucrar al servidor web en algo que es propio del
navegador web.

Quicir, el único que tiene problemas con la opción "table" y demás de la
propiedad "display" es Internet Explorer. Esta posibilidad está soportada en
Opera 5, Konqueror, Safari y Mozilla (el IE de Mac OS debe tener problemas,
pero algo hace, por lo que he leído).

Por otro lado, hay navegadores web que funcionan con la opción de ejecución
de JavaScript deshabilitada, así que la opción por defecto es claro que tiene
que ser la mejor, la más accesible... la de CSS.

Pero es que IE no deshabilita JavaScript, así que un código al menos que
redirija o algo, sería una solución... menos mala.

¿Si te metes a diferenciar User-agents? Sólo buscas los IE, ¿no?


Saludos,
-- 
    ,____________,
    .'          '.
   /~~~~^~~~^~^~~~\
  /      _    /||  \  Alvaro Uría (0x5109E791)
 ;      ( }   \||D  ;  <fermat at movimage.com>
 |    | /\__,=[_]   |  
 ;  ( |_\_  |---|   ;  Don't make me use uppercase...
  \  )|  |/ |   |  / 
   '. |  /_ |   |.'
    '------------'
------------ próxima parte ------------
Se ha borrado un mensaje que no está en formato texto plano...
Nombre     : no disponible
Tipo       : application/pgp-signature
Tamaño     : 189 bytes
Descripción: Digital signature
Url        : https://listas.deusto.es/mailman/private/eside-ghost/attachments/20060127/0ca0138f/attachment-0001.bin