Foros del Web » Creando para Internet » CSS »

Maquetación css infuncional con Mozilla

Estas en el tema de Maquetación css infuncional con Mozilla en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/09/2006, 19:27
Avatar de hector_he  
Fecha de Ingreso: agosto-2006
Ubicación: Barcelona
Mensajes: 207
Antigüedad: 11 años, 4 meses
Puntos: 4
Maquetación css infuncional con Mozilla

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...
  #2 (permalink)  
Antiguo 14/09/2006, 07:25
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
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
  #3 (permalink)  
Antiguo 16/09/2006, 20:12
Avatar de hector_he  
Fecha de Ingreso: agosto-2006
Ubicación: Barcelona
Mensajes: 207
Antigüedad: 11 años, 4 meses
Puntos: 4
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/

Última edición por hector_he; 16/09/2006 a las 22:24
  #4 (permalink)  
Antiguo 17/09/2006, 00:58
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
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.
  #5 (permalink)  
Antiguo 18/09/2006, 10:46
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Cita:
Iniciado por hector_he Ver Mensaje
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.



Cita:
Iniciado por frijolerou Ver Mensaje
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)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 14:18.