Foros del Web » Creando para Internet » CSS »

ayuda posicionamiento capas

Estas en el tema de ayuda posicionamiento capas en el foro de CSS en Foros del Web. Hola estoy usando css desde hace tiempo , pero siempre hasta ahora había usado tablas para maquetar mi web; llevo tiempo queriendo hacer esto con ...
  #1 (permalink)  
Antiguo 16/08/2008, 07:49
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 15 años, 5 meses
Puntos: 8
ayuda posicionamiento capas

Hola estoy usando css desde hace tiempo , pero siempre hasta ahora había usado tablas para maquetar mi web; llevo tiempo queriendo hacer esto con DIVS pero no consigo los mismos resultados. He leido varios tutos que explican como posionar mis capas pero no consigo hacerlo como quiero y no es tan dificil lo que pretendo , simplemente quiero lograr lo mismo que con las tablas, es decir:

Poner una capa con un menú a la izquierda.

Otra central con un cuerpo con contenido por ejm.

Y otra a la derecha.

¿Como puedo hacer esto ?.
Según dicen en desarrolloweb.com

- relative indica que la posición de la capa es relativa a el lugar donde se estaba escribiendo en la página en el momento de escribir la capa con su etiqueta
¿a que se refiere a cuando pones una capa desde modo diseño en DW?, la verdad es que no uso mucho el entorno gráfico ,soy mas de código por eso me pierdo en esto.

- absolute indica que la posición de la capa se calcula con respecto al punto superior izquierdo de la página.

Pero si yo lo que quiero es indicarle que me ponga el menú izquierdo a tantos px del margen izq y el contenido central a tanta distancia de esta capa izquierda y con el derecho lo mismo pero tomando como referencia la capa central ¿como diablos se hace esto?. Ademas tengo por ejemplo 6 capas con la clase "bloque" y quiero que me salgan en pantallas en dos filas con 3 cada una , eso tampoco consigo hacerlo (como si fueran dos <tr> con tres columnas cada una).
Os aseguro que antes de preguntar he intentado documentarme de la mejor manera posible que conozco (googleando), pero sigo sin lograrlo.

Ante todo gracias por vuestra paciencia con torpes en diseño como yo.
Un saludo
  #2 (permalink)  
Antiguo 16/08/2008, 08:15
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ayuda posicionamiento capas

Hola Dundee:
Creo que esta página te podrá ayudar. Tienes múltiples ejemplos de esquemas con css, la principal ventaja frente a otras es que sólo tiene lo estrictamente necesario para lograr lo que pretende.
Y aquí tienes unos manuales de css en .pdf, sencillos pero muy funcionales y didácticos para nosotros los 'torpecss'
Espero te sea de utilidad.
Un saludo

N.B.: soy de los que piensan que mejor que dar un 'pez', es facilitar la caña y enseñar su uso.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 16/08/2008, 09:31
Avatar de Dundee  
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 15 años, 5 meses
Puntos: 8
Respuesta: ayuda posicionamiento capas

Cita:
Iniciado por kseso? Ver Mensaje
Hola Dundee:
Creo que esta página te podrá ayudar. Tienes múltiples ejemplos de esquemas con css, la principal ventaja frente a otras es que sólo tiene lo estrictamente necesario para lograr lo que pretende.
Y aquí tienes unos manuales de css en .pdf, sencillos pero muy funcionales y didácticos para nosotros los 'torpecss'
Espero te sea de utilidad.
Un saludo

N.B.: soy de los que piensan que mejor que dar un 'pez', es facilitar la caña y enseñar su uso.
Bueno será que soy yo muy muy torpe , pero he seguido estos ejemplos
http://matthewjamestaylor.com/blog/perfect-3-column.htm
y no me entero de nada . ¿Como ponen tantos DIVS si solo se muestran 5 , el header,foother, el menu izq, el del centro y el derecho?. No se , creo que algo se me escapa. No entiendo para que sirven coldmask,coldmid y colleft.
He editado porque cuando contesté aún no había visto esta web que me has recomendado y es magnífica la explicación del CSS.
http://www.librosweb.es/css/capitulo4.html
Gracias nuevamente y saludos , haber si ahora me entero de una vez y paso de las tablas.

Última edición por Dundee; 16/08/2008 a las 09:47
  #4 (permalink)  
Antiguo 16/08/2008, 10:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ayuda posicionamiento capas

Hola Dundee:
A mi también se me hace difícil. Pero comparto contigo mi 'metodo' de comprensión.
Los div que mencionas los utiliza para dar fluided al diseño, tanto en horizontal como en vertical: si cambias el color de fondo a cada uno de esos div verás que los tres llegan hasta el pie de página.
Te explico cómo me las arreglo yo:
Supongo que usas firefox y conoces firebug o webdeveloper.
Bien, su uso es extremadamente instructivo. Te posicionas con el ratón sobre cualquier elemento de la página, haces click derecho y seleccionas 'Inspeccionar elemento', abajo te van a aparecer tanto el css como el html, y ahora viene lo bueno: puedes alterar todo lo que quieras sin miedo, verás los cambios en tiempo real en la pantalla, y llegado el momento del desastre total: F5 - Recargar y a volver a empezar.

Es de lo más divertido jugar con firebug.

No desesperes, solo es cuestión de:
1º: hacer copias de seguridad te tus trabajos.
2º: darle un tamaño suficientemente grande a la papelera

Un saludo.
__________________
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 20:39.