Trabajar con Divs (Capas)

[McBlink]

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!

[habibinica]

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

[McBlink]

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!

[f0vela]

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:

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.