Foros del Web » Creando para Internet » CSS »

Problema con el posicionamiento de los contenidos de las columnas

Estas en el tema de Problema con el posicionamiento de los contenidos de las columnas en el foro de CSS en Foros del Web. En primer lugar agradecer a todos los que, como yo, preguntan sus dudas en estos foros a aquellos que, por fortuna, pueden ilustrarnos en este, ...
  #1 (permalink)  
Antiguo 03/09/2005, 20:00
 
Fecha de Ingreso: agosto-2005
Mensajes: 1
Antigüedad: 12 años, 3 meses
Puntos: 0
Problema con el posicionamiento de los contenidos de las columnas

En primer lugar agradecer a todos los que, como yo, preguntan sus dudas en estos foros a aquellos que, por fortuna, pueden ilustrarnos en este, a veces, tortuoso camino del aprendizaje de los trucos y rincones del CSS.

Tras lo cual les expongo el producto de mis quebraderos de cabeza que, seguro, finalmente se solucionará cambiando uno o dos detalles de esos que siempre se nos pasan por alto:

Quiero organizar mi página principa de acuerdo con el siguiente esquema:
Cabecera, tres columnas y pie de página pues bien aquí empieza mi quebradero de cabeza:

Primero cree la cabecera, la subdividí en tres capas para los menus y la organicé, hasta aquí todo sin novedad, a continuación me metí con las columnas: inicialmente emplee float creando una capa a la derecha otra a la izquierda y situe una en medio de los dos sin ningún atributo float (obviamente pues right y left ya estaban ocupados) y parecía que todo iba a ir bien hasta que comencé a darle contenido y es que la primera columna el texto estaba donde debía. la del medio también, pero en la tercera se situaba en su posición right pero al pie de la segunda.

Ante esto cambie el esquema y lo que hice fue cambiar los atriutos de las capas suprimiendo float y dándoles una posición abosluta una al lado de la otra, eso pareció resolverlo pero cual es mi sorpresa cuando me pongo a diseñar el pie de la página este se monta sobre mis contenidos.

El código es el siguiente:
Código CSS:
#cuerpoprincipal{
position: relative;
width:750px;
clear:both;
}
#actualidad{
width:350px;
margin:4px 0px 0px 4px;
left:0;
position:absolute;
}
#libro{
width:200px;
left:550px;
position:absolute;

}
#banners{
width:200px;
margin:4px 0px 0px 4px;
position:absolute;
left:350px;
}
#base{
width: 750px;
height: 90px;
}

Donde #cuerpoprincipal es la capa contenedor que les mencionaba

Por favor me trae desesperadito del todo, todo (lo poco) que se de CSS lo he aprendido en estos foros y no será porque no he rebuscado entre las preguntas de otros miembros del mismo en busca de una solución por eso me he decidio a preguntar rogaría que me echaran una mano lo antes posible aunque solo fuera por quitarme este gusanillo que me recome....

Muchas gracias

PD: esto me sucede en IE que es el navegador que usan casi todos los posibles usuarios del sitio.
  #2 (permalink)  
Antiguo 04/09/2005, 11:08
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 8 meses
Puntos: 0
Hola la verdad es que no leo tu codigo por falta de tiempo pero en esta pagina puedes configurar el layout que quieres.
http://www.neuroticweb.com/recursos/...yout/index.php
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 05:02.