Foros del Web » Creando para Internet » CSS »

Ayuda para posicionar div

Estas en el tema de Ayuda para posicionar div en el foro de CSS en Foros del Web. Que tal, bueno insisto con esto de css y cambiar mi manera de diseñar ( extraño las tablas buaaaaaaaaaaa ) Tengo un problema y no ...
  #1 (permalink)  
Antiguo 27/12/2006, 11:28
 
Fecha de Ingreso: marzo-2004
Mensajes: 68
Antigüedad: 13 años, 8 meses
Puntos: 0
Ayuda para posicionar div

Que tal, bueno insisto con esto de css y cambiar mi manera de diseñar ( extraño las tablas buaaaaaaaaaaa )

Tengo un problema y no termino de entender como solucionarlo.

Quiero hacer un layout donde tenga dos columnas separadas por una linea blanca, donde en la izq tendre el menu de navegacion y el logo y en la derecha el contenido.

Ok primera duda. 1) para la linea blanca tengo que usar una imagen? si es asi la pongo como fondo de una de las dos divs ? ( izq. o derecha )

Segunda 2) En la izq para posicionar el logo, dejar un espacio y luego poner el menu de navegacion tengo que crear una clase para cada uno con un alto especifico?


Gracias de ante mano, y perdon si son poco especificas mis preguntas
  #2 (permalink)  
Antiguo 27/12/2006, 16:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda para posicionar div

Pues como de costumbre todo depende. para tu primera duda:

Cita:
Ok primera duda. 1) para la linea blanca tengo que usar una imagen? si es asi la pongo como fondo de una de las dos divs ? ( izq. o derecha )
No creo que haga falta. Si tu fondo es blanco, simplemente deja una separación entre ellas. Si no, puedes usar un borde blanco en una de las capas (o las dos). Y por último, podrías usar un div sin contenido, con el borde blanco, aunque para mi no es la mejor opción.

A la segunda duda:

Cita:
Segunda 2) En la izq para posicionar el logo, dejar un espacio y luego poner el menu de navegacion tengo que crear una clase para cada uno con un alto especifico?
En absoluto, pero para mi la pregunta es demasiado difusa. Hay muchas formas de hacer esto. Opino que deberías probar, y si no te sale plantear la pregunta concreta. Y si no sabes por dónde empezar, echar un vistazo antes de nada a alguno de los manuales de css que hay en la sección del principo.

Mikel.
  #3 (permalink)  
Antiguo 27/12/2006, 18:29
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 14 años
Puntos: 7
Re: Ayuda para posicionar div

coloca en el div que contiene la pagina un background:white; en la parte izquierda puedes dar un margen para separar de la derecha margin-right: 2px; y tambien puedes ponerlo en la parte derecha margin_left: 2px; asi tendras una separacion blanca de 4pixeles, para el logo puedes introducir otro div o una clase a esa imagen <img class="separacion" antes del menu y dar un margin: 4px o padding: 4px.
Pruebalo y juega con los numeros asi encontraras alguno que te agrade.
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.
  #4 (permalink)  
Antiguo 27/12/2006, 19:38
 
Fecha de Ingreso: marzo-2004
Mensajes: 68
Antigüedad: 13 años, 8 meses
Puntos: 0
Re: Ayuda para posicionar div

Gracias por las respuestas, lo que hice ( estoy haciendo ) es, dibujar todo en fireworks, medirlo y desde ahi ubicarme.
De a poco le voy agarrando la mano, lo que realmente me esta costando entender es como "pensar" todo para posicionarlo. Maldito dreamweaver!
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 09:11.