Dis divs se mueven al estirarse una celda de una tabla

[skyz]

Saludos comunidad tengo el siguiente problema:

Tengo 2 divs, en la misma celda, con el siguiente codigo:

Código CSS:

#izquierda {
float: left;
}
 
#derecha {
float: left;
width: 10 px;
}
 

y el resultado es el siguiente:

Cuando no se estira la celda de la tabla, queda asi:



Cuando se estira la celda de la tabla, que da asi:



En el div izquierda tengo la imagen y en el div derecha tengo el nombre del usuario.

Gracias por su tiempo.

[KATHYU]

Tengo la duda de porq se estiran ?? usas canvas o algo que permita al usuario modificar el ancho de esa tabla ??

En que momento se estira ?? al visitar algun link o refrescar o que ???

[skyz]

Se estira cuando traigo dinamicamente una tabla desde lenguaje de servidor, es una tabla de 2 filas con 2 columnas.
En la fila 1 columna 2 tengo los 2 divs y en la fila 2 viene la tabla dinamica (que es solo una columna), se estira en la parte donde esta la tabla dinamica porque es un poco grande la informacion.
No estoy usando nada fuera de lo normal solo 1 tabla y sus estilos.

[KATHYU]

Iniciado por skyz

Se estira cuando traigo dinamicamente una tabla desde lenguaje de servidor, es una tabla de 2 filas con 2 columnas.
En la fila 1 columna 2 tengo los 2 divs y en la fila 2 viene la tabla dinamica (que es solo una columna), se estira en la parte donde esta la tabla dinamica porque es un poco grande la informacion.
No estoy usando nada fuera de lo normal solo 1 tabla y sus estilos.

Para: Bienvenido: Usuario utilizas una tabla con 2 filas y 2 columnas ??? no seria una tabla de una fila y 2 columnas ???

Iniciado por skyz

En la fila 1 columna 2 tengo los 2 divs y en la fila 2 viene la tabla dinamica (que es solo una columna)

Creo que ahi me perdi o ahi esta tu error !!!

[skyz]

Es que en la fila 1 columna 1 esta la palabra Bienvenido:.
En la fila 1 columna 2 estan los 2 divs.
y en la fila 2 que solo tiene una columna viene la tabla dinamica con informacion que estira toda la tabla completa.

Aqui unas imagenes:

[ArturoGallegos]

sin ver el código html es difícil ayudarte pero apostaría que te has equivocado en escribir el css aquí en el foro y el que dice derecha esta flotado a la derecha lo que explicaría tu problema.

por otro lado tu principal y fatal error es maquetar con tablas, es una mala practica, aun si los datos que estas mostrando desde la DB son tabulados no deberías mesclar la maquetación con estos.

[KATHYU]

Con esas imagenes ya camina mejor el error, ponga todo el codigo de eso html y css para ver que hay ahi !!!

Lo que dice arturo es verdad eso de tablas esta super defasado y ahi radica tu problema !!

[skyz]

Solucionado:

Código CSS:

#izquierda {
float: left;
}
 
#derecha {
float: left;
width: 605px;
}
 

Gracias a Arturo me di cuenta que colocando en el estilo de derecha width: 605px;, ya no se mueven los 2 divs.

[Triby]

Y yo me pregunto:

Porqué el uso de tablas para maquetar?
Eso se puede hacer fácilmente con sólo divs (o alguna otra etiqueta de bloque)

Porqué dos divs para una sola línea?
Si necesitas algún margen en "Bienvenido" bien podrías usar un span (elemento en línea) con margen a la derecha y evitar flotar dos elementos innecesariamente

[KATHYU]

Iniciado por skyz

Solucionado:

Código CSS:

#izquierda {
float: left;
}
 
#derecha {
float: left;
width: 605px;
}
 

Gracias a Arturo me di cuenta que colocando en el estilo de derecha width: 605px;, ya no se mueven los 2 divs.

Dudo que esto no te de problemas luego pero bueno