Foros del Web » Creando para Internet » CSS »

Trabajar con Divs (Capas)

Estas en el tema de Trabajar con Divs (Capas) en el foro de CSS en Foros del Web. Buenos dias, estuve leyendo un poco sobre si utilizar capaz o tablas a la hora de hacer una web, siempre use tablas.. pero leyendo me ...
  #1 (permalink)  
Antiguo 24/12/2008, 09:00
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 11 años
Puntos: 22
Pregunta Trabajar con Divs (Capas)

Buenos dias,
estuve leyendo un poco sobre si utilizar capaz o tablas a la hora de hacer una web, siempre use tablas.. pero leyendo me di cuenta que era mejor, mas ordenado y mas facil de manejar, pero el problema lo tengo a la hora de posicionar capas, no se ve igual en IE y Firefox.

hay consejos y tips para mejorar esto?
cualquier sugerencia/consejo sera bienvenido :)

muchas gracias de antemano!
__________________
Recuerda usar el highlight para mostrar código
mauricioblint.com
  #2 (permalink)  
Antiguo 24/12/2008, 09:31
 
Fecha de Ingreso: septiembre-2008
Ubicación: MANAGUA, NICARAGUA
Mensajes: 1
Antigüedad: 9 años, 2 meses
Puntos: 0
De acuerdo Respuesta: Trabajar con Divs (Capas)

hola McBlink, pues lo que te puedo decir con la humildad del caso (ya que yo tambien estoy empezando en esto de las webs con capas) es que no solo se trabaja con las capas en dreamweaver y ya, pues ya viste los problemas, se ve diferentes en los navegadores y para corregir esto se invento el CSS, te recomiendo que investigues todo lo que puedas, de hecho, tendrás que aprender a programar en css si quieres que tus diseños se visualicen correctamente.

te recomiendo que comiences desde ya, y te deseo mucha suerte
  #3 (permalink)  
Antiguo 24/12/2008, 09:35
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 11 años
Puntos: 22
Respuesta: Trabajar con Divs (Capas)

Gracias por responderme,
justo iba a postear algo mas.. conozco CSS y se utilizar, obviamente, falta familiarizarme con todas la propiedad, pero estoy orientado bastante..
estuve leyendo este articulo.

http://www.desarrolloweb.com/articulos/1823.php

y el ejemplo de como va todo hasta el momento seria este:

http://www.desarrolloweb.com/articul...eta/paso3.html

pero si miran en este link ultimo, se ve diferente en IE y en FF por lo que esta mal explicado o le falta corregir cosas al tutorial..

si alguein sabe de algun tutorial que explique algunos consejos seria muy bueno..

de antemano, GRACIAS!
__________________
Recuerda usar el highlight para mostrar código
mauricioblint.com
  #4 (permalink)  
Antiguo 24/12/2008, 12:00
Avatar de f0vela  
Fecha de Ingreso: diciembre-2008
Ubicación: Guatemala
Mensajes: 48
Antigüedad: 9 años
Puntos: 1
Respuesta: Trabajar con Divs (Capas)

Una de las formas mas faciles de manejar todo en Divs y sin tanta complicacion es usar un grid para posicionar todo en tu pagina.

Pero si lo quieres hacer todo desde cero tendras que tomar en cuenta que:

Debes poner en cero todos los margenes y paddings de la pagina ya que IE aunque no le hayas definido margenes te pone un margen base SIEMPRE. por lo que poner todo a cero

Código css:
Ver original
  1. body, html { margin:0; padding:0; }

Te evitara muchos dolores de cabeza que yo pase al iniciar con diseño de divs.

Como sabras IE padece de muchos problemas con la interpretación de CSS asi que saber que algunas cosas como que la propiedad display:table-cell no funciona en IE pero si en otros navegadores te evitara problemas y dolores de cabeza.

No todas las propiedades CSS son interpretadas correctamente por IE por lo que un float:right puede parecer bien en Firefox o en Safari u Opera pero en IE puede lucir diferente.

La propiedad clear:both sera una gran compañera para desplegar correctamente la altura de tu pagina.

Estas son algunas de las cosas que te puedo decir que te ayudaran para empezar.
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 12:56.