Foros del Web » Creando para Internet » CSS »

Estructurando elementos

Estas en el tema de Estructurando elementos en el foro de CSS en Foros del Web. Hola!, A lo largo de mi experiencia en diseño web, siempre he tenido la duda y problema de que es lo más conveniente para estructurar ...
  #1 (permalink)  
Antiguo 18/07/2011, 11:48
 
Fecha de Ingreso: julio-2011
Ubicación: Zapopan, Jal. MX
Mensajes: 316
Antigüedad: 12 años, 8 meses
Puntos: 32
Estructurando elementos

Hola!,

A lo largo de mi experiencia en diseño web, siempre he tenido la duda y problema de que es lo más conveniente para estructurar cada elemento HTML de la página web, es decir, en que lugar irá cada parte de la página web.

Yo conozco dos alternativas:

1. Usar tablas: la desventaja es que a la larga es complicado colocar nuevos elementos usando colspan y rowspan.

2. Usar la propiedad float: el problema es que para que el nodo padre mantenga la mísma altura, deves también flotarlo a la dirección de los nodos hijos.

3. Usar distintos valores para la propiedad display (inline, list-item, table-cell, etc):
es un poco confuso cuándo deven ser aplicadas estás posiciones pués suele pasarme que no funcionan como yo quiero que funcionen.

Últimamente he usado float:left para varios proyectos y hasta el momento es la mejor forma que he usado para estructurar por que me ha permitido acomodar cada elemento dónde me apetezcca casi sin problemas y sin usar posiciones absolutas. Pero creo que no es un buen camino para desarrollar páginas web completas por que he analizado páginas web importantes y es raro que utilizen float. Lo raro que tampoco veo que utilizen tablas y por eso sigo con la duda! hehe.

Necesito que alguien me diga como puedo hacer estas cosas correctamente, agradezco mucho sus comentarios, saludos.

Última edición por IXtremeLT; 18/07/2011 a las 12:28
  #2 (permalink)  
Antiguo 18/07/2011, 15:24
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 8 meses
Puntos: 269
Respuesta: Estructurando elementos

Hola:

Hay muchas tecnicas para lograr columnas equilibradas, esta es una.

Las librerias css (960 grid p.ej.) construyen su grilla usando float, eso habla de lo importante que es el flotado a nivel constructivo.

Sería bueno que compartas ejemplos de las webs que viste, porque es muy general la consulta y cualquier respuesta que te pueda dar seria muy vaga.

Por lo pronto, cada caso merece una aplicación. Probablemente maquetes tus columnas con float, armes tu lista de registros con tablas y trabajes bloques puntuales con posicionamiento absoluto o fijo.

Saludos.
  #3 (permalink)  
Antiguo 18/07/2011, 23:10
 
Fecha de Ingreso: julio-2011
Ubicación: Zapopan, Jal. MX
Mensajes: 316
Antigüedad: 12 años, 8 meses
Puntos: 32
Respuesta: Estructurando elementos

Hola cristian_cena, gracias por la info!

Orale no sabía que hay librerías que usan float como marco constructivo para una página completa.

Entonces seguire usando el método de float por que como decía es el que mejor se me a dado y además con tu información me da por elegir la sencilla pero poderosa propiedad "float", Gracias y saludos!
  #4 (permalink)  
Antiguo 19/07/2011, 04:51
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 8 meses
Puntos: 269
Respuesta: Estructurando elementos

Hola, una consideración a tener en cuenta para trabajar tranquilo con float es, como se dice, "limpiarlo", lo que consiste en encerrar los elementos flotados dentro de un contenedor, al que luego aplicas overflow:hidden;

Para armar el esqueleto de tu sitio(maqueta/layout) sin dudas lo mejor va a ser que uses float.

Me alegra que te sea útil, saludos.
  #5 (permalink)  
Antiguo 19/07/2011, 11:18
 
Fecha de Ingreso: julio-2011
Ubicación: Zapopan, Jal. MX
Mensajes: 316
Antigüedad: 12 años, 8 meses
Puntos: 32
Respuesta: Estructurando elementos

A ok gracias, genial!!!, gracias por lo de overflow:hidden, siempre tuve el problema de que el nodo padre y nodo hermano si no lo flotaba perdía el mísmo ambito que sus hijos y con el overflow queda perfectamente relativo!, saludos cristian_cena

Etiquetas: elementos
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 00:13.