Re: [Ovillo] Div's IE vs Div's FF
2008/1/28 SiMs ViKiTo [EMAIL PROTECTED]: Hola a todos, Muchas gracias a todos por vuestra ayuda Se trata de una tabla que voy generando dinámicamente con Java. Inicialmente la hice con table, pero empecé a usar div para tener toda la página maquetada con capas y css. Sin embargo, y aunque con lo que me habeis comentado conseguí ponerlo como quería, las capas me estaban volviendo loco, asi que lo he dejado con table. Supongo que el tener la web maquetada con css no implica que haga con capas el 100% de las cosas! hehehe =) Saludos - ViKiTo De lo que se trata esto es usar la sintaxis adecuada. Si son datos tabulados deberían ir en una tabla. La idea tampoco es tener divitis. Solo usa divs en lo que sea justo y necesario. Por ejemplo puedes usar css directamente sobre un h1... en lugar de poner divh1... y maquetar al div. No hay que irse de un extremo al otro ;) -- Linux Registered User # 386081 A menudo unas pocas horas de Prueba y error podrán ahorrarte minutos de leer manuales. ___ 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
Re: [Ovillo] Div's IE vs Div's FF
Hola.
Los elementos 'inline' disponen de una anchura definida por su contenido,
siendo ignorada cualquier definición de anchura en el CSS [1]
Para lograr el efecto que buscas tendrás que definir .DatoTabla como
elemento de bloque y flotarlo a la izquierda.
Me gustaría hacerte un comentario. Si, por lo que parece, los datos que
quieres representar son propios de una tabla, ¿por qué no usas el elemento
table destinado a ello?
[1] http://www.w3.org/TR/CSS21/visudet.html#inline-width
Un saludo,
David Merino
2008/1/28 SiMs ViKiTo [EMAIL PROTECTED]:
Hola a todos,
Tengo una cuestión de divs que no consigo resolver. Se trata de una tabla,
en la que las columnas son de la siguiente clase CSS:
.DatoTabla{
font-size: 12px;
font-weight : bold;
text-align:left;
width:20%;
display: inline;
color: #FF;
background-color: #6557D0;
overflow:hidden;
}
Voy colocando las capas una tras otra, y las capas van quedando en linea,
formando las celdas de la tabla. El problema viene porque en IE el width de
20% se cumple, y hace que queden con una separación entre sí, sin embargo,
en Firefox se quedan juntas, y aparecen los textos pegados unos a otros.
Creo que se debe a que Firefox ajusta el tamaño de la capa a su contenido,
sin embargo IE mantiene cierto tamaño independientemente del contenido :S
Este es el codigo de la pagina:
div class=Tabla
div class=DatoTablaNombre/div
div class=DatoTablaNick/div
div class=DatoTablaEmail/div
div class=DatoTablaURL/div
/div
donde la clase Tabla es,
.Tabla{
width:100%;
text-align:left;
margin: auto;
background-color: #D2D8F9;
}
Muchas gracias
Saludos
- ViKiTo =)
_
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
___
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
[Ovillo] Div's IE vs Div's FF
Hola a todos,
Tengo una cuestión de divs que no consigo resolver. Se trata de una tabla, en
la que las columnas son de la siguiente clase CSS:
.DatoTabla{
font-size: 12px;
font-weight : bold;
text-align:left;
width:20%;
display: inline;
color: #FF;
background-color: #6557D0;
overflow:hidden;
}
Voy colocando las capas una tras otra, y las capas van quedando en linea,
formando las celdas de la tabla. El problema viene porque en IE el width de 20%
se cumple, y hace que queden con una separación entre sí, sin embargo, en
Firefox se quedan juntas, y aparecen los textos pegados unos a otros. Creo que
se debe a que Firefox ajusta el tamaño de la capa a su contenido, sin embargo
IE mantiene cierto tamaño independientemente del contenido :S
Este es el codigo de la pagina:
div class=Tabla
div class=DatoTablaNombre/div
div class=DatoTablaNick/div
div class=DatoTablaEmail/div
div class=DatoTablaURL/div
/div
donde la clase Tabla es,
.Tabla{
width:100%;
text-align:left;
margin: auto;
background-color: #D2D8F9;
}
Muchas gracias
Saludos
- ViKiTo =)
_
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
___
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
Re: [Ovillo] Div's IE vs Div's FF
Opino lo mismo que Maikel, la propiedad inline define el ancho por su
contenido, creo que deberias probar:
.tabla:first-child {
float:left;
/*Todas las propiedades restantes*/
}
.datoTabla {
display: block;
/*Todas las propiedades restantes*/
}
En cuanto a lo de el elemento table, prefierohacer tablas con Divs. Sepan
disculpar si me equiboco, soy nuevo en esto. Saludos
2008/1/28 Maikel Naigt [EMAIL PROTECTED]:
Hola.
Los elementos 'inline' disponen de una anchura definida por su contenido,
siendo ignorada cualquier definición de anchura en el CSS [1]
Para lograr el efecto que buscas tendrás que definir .DatoTabla como
elemento de bloque y flotarlo a la izquierda.
Me gustaría hacerte un comentario. Si, por lo que parece, los datos que
quieres representar son propios de una tabla, ¿por qué no usas el elemento
table destinado a ello?
[1] http://www.w3.org/TR/CSS21/visudet.html#inline-width
Un saludo,
David Merino
2008/1/28 SiMs ViKiTo [EMAIL PROTECTED]:
Hola a todos,
Tengo una cuestión de divs que no consigo resolver. Se trata de una
tabla,
en la que las columnas son de la siguiente clase CSS:
.DatoTabla{
font-size: 12px;
font-weight : bold;
text-align:left;
width:20%;
display: inline;
color: #FF;
background-color: #6557D0;
overflow:hidden;
}
Voy colocando las capas una tras otra, y las capas van quedando en
linea,
formando las celdas de la tabla. El problema viene porque en IE el width
de
20% se cumple, y hace que queden con una separación entre sí, sin
embargo,
en Firefox se quedan juntas, y aparecen los textos pegados unos a otros.
Creo que se debe a que Firefox ajusta el tamaño de la capa a su
contenido,
sin embargo IE mantiene cierto tamaño independientemente del contenido
:S
Este es el codigo de la pagina:
div class=Tabla
div class=DatoTablaNombre/div
div class=DatoTablaNick/div
div class=DatoTablaEmail/div
div class=DatoTablaURL/div
/div
donde la clase Tabla es,
.Tabla{
width:100%;
text-align:left;
margin: auto;
background-color: #D2D8F9;
}
Muchas gracias
Saludos
- ViKiTo =)
_
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
___
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
___
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
Re: [Ovillo] Div's IE vs Div's FF
Perdon la ignrancia, pero cual es la diferencia en la tabulacion de una tabla y la tabulacion de los bloques ? O sea, si el motrara: div class=Tabla div class=DatoTablaNombre/div div class=DatoTablaNick/div div class=DatoTablaEmail/div div class=DatoTablaURL/div /div N veces en que cambiaria visulmente? On Jan 28, 2008 8:59 AM, carlos campderrós [EMAIL PROTECTED] wrote: 2008/1/28 Lucas Franco [EMAIL PROTECTED]: En cuanto a lo de el elemento table, prefierohacer tablas con Divs. Sepan disculpar si me equiboco, soy nuevo en esto. Saludos Te equivocas. Si es una tabla para mostrar datos tabulados (como parece en el ejemplo que puso SiMs ViKiTo), usa table. Si quieres la tabla para posicionar elementos en la página, usa divs i CSS. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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
Re: [Ovillo] Div's IE vs Div's FF
2008/1/28 Lucas Franco [EMAIL PROTECTED]: En cuanto a lo de el elemento table, prefierohacer tablas con Divs. Sepan disculpar si me equiboco, soy nuevo en esto. Saludos Te equivocas. Si es una tabla para mostrar datos tabulados (como parece en el ejemplo que puso SiMs ViKiTo), usa table. Si quieres la tabla para posicionar elementos en la página, usa divs i CSS. -- Si no puedes deslumbrar con tu sabiduría, desconcierta con tus gilipolleces ___ 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
Re: [Ovillo] Div's IE vs Div's FF
Vikito:
Si lo que quieres es respetar los estándares de maquetación, es correcto
utilizar tablas para tabular datos. En este caso, por lo que vi, eso es lo
que estás haciendo.
Por otro lado, si lo que quieres es complicarte la vida solucionando
detalles de renderizado entre IE y FF me parece perfecto que estés usando
DIVs. Sólo recuerda que las tablas se verán exactamente iguales en ambos
navegadores y no te traerán dolores de cabeza.
Javier Trejo
Diseñador Web
JT - Comunicación Interactiva
www.cominteractiva.com.ar
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*423
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: trejo.javier
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de SiMs ViKiTo
Enviado el: lunes, 28 de enero de 2008 07:02
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Div's IE vs Div's FF
Hola a todos,
Tengo una cuestión de divs que no consigo resolver. Se trata de una tabla,
en la que las columnas son de la siguiente clase CSS:
.DatoTabla{
font-size: 12px;
font-weight : bold;
text-align:left;
width:20%;
display: inline;
color: #FF;
background-color: #6557D0;
overflow:hidden;
}
Voy colocando las capas una tras otra, y las capas van quedando en linea,
formando las celdas de la tabla. El problema viene porque en IE el width de
20% se cumple, y hace que queden con una separación entre sí, sin embargo,
en Firefox se quedan juntas, y aparecen los textos pegados unos a otros.
Creo que se debe a que Firefox ajusta el tamaño de la capa a su contenido,
sin embargo IE mantiene cierto tamaño independientemente del contenido :S
Este es el codigo de la pagina:
div class=Tabla
div class=DatoTablaNombre/div
div class=DatoTablaNick/div
div class=DatoTablaEmail/div
div class=DatoTablaURL/div
/div
donde la clase Tabla es,
.Tabla{
width:100%;
text-align:left;
margin: auto;
background-color: #D2D8F9;
}
Muchas gracias
Saludos
- ViKiTo =)
_
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
___
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
Re: [Ovillo] Div's IE vs Div's FF
Hola a todos,
Muchas gracias a todos por vuestra ayuda
Se trata de una tabla que voy generando dinámicamente con Java. Inicialmente la
hice con table, pero empecé a usar div para tener toda la página maquetada
con capas y css. Sin embargo, y aunque con lo que me habeis comentado conseguí
ponerlo como quería, las capas me estaban volviendo loco, asi que lo he dejado
con table. Supongo que el tener la web maquetada con css no implica que haga
con capas el 100% de las cosas! hehehe =)
Saludos
- ViKiTo
From: [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Date: Mon, 28 Jan 2008 09:05:53 -0200
Subject: Re: [Ovillo] Div's IE vs Div's FF
Vikito:
Si lo que quieres es respetar los estándares de maquetación, es correcto
utilizar tablas para tabular datos. En este caso, por lo que vi, eso es lo
que estás haciendo.
Por otro lado, si lo que quieres es complicarte la vida solucionando
detalles de renderizado entre IE y FF me parece perfecto que estés usando
DIVs. Sólo recuerda que las tablas se verán exactamente iguales en ambos
navegadores y no te traerán dolores de cabeza.
Javier Trejo
Diseñador Web
JT - Comunicación Interactiva
www.cominteractiva.com.ar
Cel.: +54 (11) 15 6485-7734
Nextel: 54*147*423
Mail: [EMAIL PROTECTED]
MSN: [EMAIL PROTECTED]
Skype: trejo.javier
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de SiMs ViKiTo
Enviado el: lunes, 28 de enero de 2008 07:02
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Div's IE vs Div's FF
Hola a todos,
Tengo una cuestión de divs que no consigo resolver. Se trata de una tabla,
en la que las columnas son de la siguiente clase CSS:
.DatoTabla{
font-size: 12px;
font-weight : bold;
text-align:left;
width:20%;
display: inline;
color: #FF;
background-color: #6557D0;
overflow:hidden;
}
Voy colocando las capas una tras otra, y las capas van quedando en linea,
formando las celdas de la tabla. El problema viene porque en IE el width de
20% se cumple, y hace que queden con una separación entre sí, sin embargo,
en Firefox se quedan juntas, y aparecen los textos pegados unos a otros.
Creo que se debe a que Firefox ajusta el tamaño de la capa a su contenido,
sin embargo IE mantiene cierto tamaño independientemente del contenido :S
Este es el codigo de la pagina:
div class=Tabla
div class=DatoTablaNombre/div
div class=DatoTablaNick/div
div class=DatoTablaEmail/div
div class=DatoTablaURL/div
/div
donde la clase Tabla es,
.Tabla{
width:100%;
text-align:left;
margin: auto;
background-color: #D2D8F9;
}
Muchas gracias
Saludos
- ViKiTo =)
_
La vida de los famosos al desnudo en MSN Entretenimiento
http://entretenimiento.es.msn.com/
___
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
_
MSN Noticias
http://noticias.msn.es/comunidad.aspx
___
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
