Foros del Web » Creando para Internet » CSS »

div vs tablas 2da parte

Estas en el tema de div vs tablas 2da parte en el foro de CSS en Foros del Web. Hola a tod@s En el cambio de div y tablas he tenido unos cuantos cangrejos sin resolver. Uno lo consulté hace poco aquí mismo y ...
  #1 (permalink)  
Antiguo 12/10/2008, 16:24
 
Fecha de Ingreso: junio-2008
Mensajes: 71
Antigüedad: 16 años, 4 meses
Puntos: 0
div vs tablas 2da parte

Hola a tod@s

En el cambio de div y tablas he tenido unos cuantos cangrejos sin resolver.

Uno lo consulté hace poco aquí mismo y la verdad obtuve una gran ayuda y ese problema ahora es cosa del pasado

Ahora quiero preguntar por este otro, solo para ver si corro con la misma suerte aunque este si que me parece mucho más difícil

1.- Tengo dos celdas divs, uno al lado de otro.

2.- Uno es de ancho fijo. El otro es del ancho restante del contenedor.

3.- Ambos deben tener el mismo alto.

4.- El fondo de ambos es importante, sea color o imagen.

Hasta aquí creo que si es posible, pero:

5.- Los bordes también son importantes.

¿se podrá?

Gracias adelantadas.
  #2 (permalink)  
Antiguo 12/10/2008, 17:18
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: div vs tablas 2da parte

Hola SebasSebas:
Qué bueno es que existan las faq´s y mejor todavía que haya quien las aumenta ;:)
Eso que pides y de propina que lleguen hasta el pie de página y que este sea visible y ...
P: ¿Cómo hacer para que dos columnas estén siempre equilibradas, y si el contenido de una crece la otra también?
Y el autor es..........
¡Mikmoro!
Off topic, solo para ver si es verdad que los lees todos ;) El pernicote para martes o Xles
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 13/10/2008, 16:15
Avatar de Erebus  
Fecha de Ingreso: junio-2008
Mensajes: 52
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: div vs tablas 2da parte

El punto #2 me causa un poco de ruido.
No veo por que si un div es de ancho fijo, el otro no debe de serlo (o es del resto del ancho).
Si tengo una pagina de 600px y un div de 250px fijo, es obvio que el otro A WEBO tiene que ser de 350px.
O es que se puede dar el caso en que en la misma pagina de 600, hay un div de 250 y otro que por el contenido dinamico que acepta, crece solo hasta 150? En ese caso tendrias un espacio perdido enorme de 200px a la derecha. No le veo el caso.
Los dos divs deberian ser estaticos.

Ahora, el alto.
Hay veces en que el alto de los divs, si no deforma la pagina, genera muchos espacios en blanco.
Dos divs con el mismo alto deberan guardar poca informacion, o mostrar contenido no-dinamico.

Y pues sabe...
  #4 (permalink)  
Antiguo 13/10/2008, 20:53
 
Fecha de Ingreso: junio-2008
Mensajes: 71
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: div vs tablas 2da parte

Increíble, de verdad no dejan de sorprenderme, son unos maestros.

Ese tutorial fue de gran ayuda, aunque no se adaptaba 100% al caso que necesitaba, ya que ese tenia columnas de ancho fijo, y cambiar a que una fuese "elástica" al comienzo originaba un verdadero caos, pero ya fue saliendo.

Luego quedó el escoyo de los bordes, que increíblemente se me ocurrió una forma de saltarme eso o más bien simularlos

En estos momentos me sirve 100% en Firefox, Ie7 y ando algo cansado para probarlos en otros cuantos. Por lo que vi en ie6 no me anda, pero creo que es cosa de hacerle su hoja de estilo a parte para ie6 para que funcione.

(sí, se que el de Mikmoro funciona en todos, pero en el mio tuve que hacer unos cambios que arruina las cosas, pero no parece grave. Pareciera que ie6 ve unos anchos y margenes usando pulgadas mientras que los demás navegadores usan centímetros )

Cita:
Iniciado por Erebus Ver Mensaje
El punto #2 me causa un poco de ruido.
1) No veo por que si un div es de ancho fijo, el otro no debe de serlo (o es del resto del ancho).
2) Si tengo una pagina de 600px y un div de 250px fijo, es obvio que el otro A WEBO tiene que ser de 350px.
O es que se puede dar el caso en que en la misma pagina de 600, hay un div de 250 y otro que por el contenido dinamico que acepta, crece solo hasta 150? En ese caso tendrias un espacio perdido enorme de 200px a la derecha. No le veo el caso.
Los dos divs deberian ser estaticos.

3) Ahora, el alto.
Hay veces en que el alto de los divs, si no deforma la pagina, genera muchos espacios en blanco.
Dos divs con el mismo alto deberan guardar poca informacion, o mostrar contenido no-dinamico.

Y pues sabe...
1) Si, el otro es del resto del ancho, y ¿por que debe ser así? porque así es el diseño

2) No necesariamente, si así fuese, mejor, pero no necesariamente. Primero por cosas de diseño el ancho no está en medidas fijas sino en porcentajes. Entonces no todo el mundo tiene la misma resolución e incluso la persona puede cambiar el tamaño a la ventana de su navegador.

Y también justamente es en porcentajes para "no desperdiciar espacio" y ocupar siempre el 90%, 95%, etc y no fijarlo a 600px o 800px, etc.

3) No entendí, o creo que si entendí.

Si acaso entendí, entonces la respuesta es una vez más el diseño. Hay que mantener el diseño y en el diseño esas dos columnas deben ser del mismo alto, esté una "desperdiciando espacio" o no.



Pero si coincido contigo, si por mi fuera, hiciera las cosas de esa forma que mencionas, excepto en el ancho que en lo posible preferiré porcentajes

Gracias a kseso? y gracias a Mikmoro por salvarme el dia (casualmente los mismos de aquella vez ) y también gracias a Erebus por los comentarios .
  #5 (permalink)  
Antiguo 14/10/2008, 06:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: div vs tablas 2da parte

10-4 SebasSebas.
Ya le paso a Mikmoro su parte (más/menos un 70%, el 30% restante nos lo repartimos tú y yo, para tí el 29´5% por adaptarlo y el resto lo donaré a alguna ONG)
Saludos
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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




La zona horaria es GMT -6. Ahora son las 03:58.