Maquetación css infuncional con Mozilla

[hector_he]

Hola, después de mil problemas con mi ordenador...me asalta un nuvo problema.
Re-escriviendo todas mís pásginas en css (que la verdad me ha resultado mucho más cómod, limpio). Como ya comenté diseño apartoir de imágnes exportadas con ImageReady Cs, pero he decidido cambiar la tabla donde estavan colocadas por div's con class emulando un tabla, con IE no hay problema, pero con Mozilla, si, no se por que...

Hoja css
.table{ padding:0px; width:718px; overflow:auto; clear:none; position:fixed;}
.tr{padding:0px; width:718px; display:inline; position:fixed; clear:none}
.td{padding:0px; width:1px; margin:auto; display:inline; position:fixed; clear:none}

Div
<div class="table">
<div class="tr">
<div class="td"><img1.gif width="718" height="51" alt=""></div>
<div class="td"> <img2.gif width="141" height="42" alt=""></div>
<div class="td"><img3.gif width="421" height="42" alt=""></div>
</div>
</div>

Otro recurso es utilizar Photoshop Cs2 que se pueden exportar en vez de tablas con div, id o inline, pero las capas estan en posicion absolute pero no puedo ponerlas en su sitio sin que se descontrolen...

[tunait]

Qué tal hector_he

Personalmente no encuentro razones para que cambies la maquetación usando div en vez de tablas haciendo una estructura idéntica a las tablas con div. Para hacer una estructura idéntica a las tablas, sigue usando tablas y si cambias la maquetación que no sea para imitar el comportamiento de tablas (no sé si me explico)

Por otro lado te comento que Firefox está interpretando el código como debe. Estás usando el tipo de posicionamiento fixed. IExplorer lo ignora, por eso se comporta como si fuera un posicionamiento static pero firefox sí entiende fixed que es como absolute pero además manteniendo una posición con respecto alguna referencia.

Igual insisto; si vas a remaquetar separando contenido de presentación hazlo del todo sacando los beneficios que se pretenden con este tipo de maquetación o si no quédate con las tablas (es sólo mi opinión)

Un saludo

[hector_he]

Ante todo muchas grácias tunait por prestarme tu tiempo.

Mi intención era pasarme al diseño css/div por completo, pero sin renunciar a las imágenes segmentadas (por lo menos en la web que actualmente trabajo), pensé que podía ahacer un estructura como la tabla pero en css/div, pero tu dices que para usar esto mejor usar tablas, peo al usar tablas pienso que mi web a más de no cumplir el requisito de "separar diseño y información" es de un nivel más bajo, mi idea era buscar un alternativa a las tablas dentro del diseño css/div.
Dando un paseo por "web creme" he visto un ejemplo que puede servir creo, http://www.brands-vistro.de/

[frijolerou]

Voy a contestar en 3 partes:

1. Tunait. Creo que no hay que separar las cosas... si quiere simular una tabla con CSS para presentar datos tabulados es obvio que no tiene sentido, porque para justamente para eso están las tablas. Pero creo que en este caso no es así, por lo que leo sólo busca hacer una maquetación mediante CSS de la misma forma en que lo haría con tablas (a la antigua).

2. hector. No sé si el código que pusiste lo hiciste a la rápida o no, pero las dimensiones no coinciden para nada. Tienes un DIV (.table) que mide 718px de ancho. Dentro tienes un DIV (.tr) para simular una fila, la cual contiene 3 DIV's (.td) que haran las veces de columna, pero ya la pimera columna tiene el mismo ancho que la tabla... ¿¿¿????

3. Una pequeña pista para simular una tabla. Debes tener un DIV que haga las veces del elemento TABLE. Para simular una fila (elemento TR) debes utilizar un DIV. Y las columnas de esa fila (elemento TD) debes simularlas mediante etiquetas SPAN.

De esa manera se te harámás sencillo elaborar el correspondiente CSS.

[tunait]

Iniciado por hector_he

Mi intención era pasarme al diseño css/div por completo, pero sin renunciar a las imágenes segmentadas (por lo menos en la web que actualmente trabajo), pensé que podía ahacer un estructura como la tabla pero en css/div, pero tu dices que para usar esto mejor usar tablas, peo al usar tablas pienso que mi web a más de no cumplir el requisito de "separar diseño y información" es de un nivel más bajo, mi idea era buscar un alternativa a las tablas dentro del diseño css/div.

A ver, desde luego que es importante el separar diseño de información, pero para ello no basta con cambiar los tags de las tablas por divs que se comporten como tablas. Las tablas se usan para datos tabulares como habrás leido en infinidad de ocasiones y lo demás se posiciona con css sin necesidad de imitar a las tablas porque para eso es tan versatil css, para no necesitar tablas ni algo que imite tablas.

Donde quiero llegar es a que debes cambiar mucho más en el documento para que tenga alguna utilidad este tipo de maquetación y si sólo vas a hacer la imitación de tablas, pues mejor te quedas con las tablas. Osea, el mensaje que quiero dar es "trabajalo más" y no "sigue usando tablas por siempre"

Una página creada en ImageReady y cortada con slices no te sirve para maquetar con css de la forma en la que se obtienen los beneficios con css.

Dime una cosa ¿has probado a ver qué pasa a tu página si maquetandola con divs que imitan a una tabla se le quita el css? te quedará una imagen debajo de la otra (una celda debajo de la otra). ¿para qué meter cada imagen en un div que haga de celda para colocar una imagen al lado de la otra? No lo necesitas. Lo mismo que no necesitas todas las imágenes del slice que te hiciera Image Ready.

La idea es separar la información y que esa información tenga un sentido por sí sola independientemente de si se le aplica o no una hoja de estilos.

Iniciado por frijolerou

Voy a contestar en 3 partes:

1. Tunait. Creo que no hay que separar las cosas... si quiere simular una tabla con CSS para presentar datos tabulados es obvio que no tiene sentido, porque para justamente para eso están las tablas. Pero creo que en este caso no es así, por lo que leo sólo busca hacer una maquetación mediante CSS de la misma forma en que lo haría con tablas (a la antigua).

ok, pero es una pérdida de tiempo. No se sacan los beneficios que se esperan y será igual un documento no válido a efectos reales (aunque pase el validador)