Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/12/2006, 06:36
xema
 
Fecha de Ingreso: febrero-2002
Ubicación: Valencia - España
Mensajes: 488
Antigüedad: 22 años, 2 meses
Puntos: 0
Exclamación Ajustar divs a varios diseños diferentes

Bueno a ver si consigo explicarme.
Quiero crear una plantilla para un diseño que puede tener diversas variantes.
y según que página sea cargar un css u otro.

Bueno el tema es que tengo un div global y dentro de este:
Cabecera
columna izquierda
contenido
columna derecha
pie

vale entonces el diseño (a parte de poder o no tener las columnas, que eso lo tengo hecho con php) puede variar en bastantes formas como por ejemplo:

cabecera 100%
lateral contenido lateral
pie 100%

otro:

lateral cabecera lateral
" contenido "
pie 100%

otro:

lateral cabecera lateral
" contenido "
" pie "

y con estas todas sus posibles variantes tanto con los 2 laterales, como con 1 lateral, como sin laterales.

Vale espero haberme explicado ahora al tema:

Como creéis que es mejor enfocarlo, ya que el contenido puede tener diversos tamaños también. ya que yo había utilizado algo en la teoría que se basa el proyecto camaleón es decir tengo todos los divs y los posiciono absolutamente con medidas, pero claro, el problema es que cuando el contenido tiene un alto muy grande, todo empieza ha descontrolarse. Luego e probado con otros sistemas más fluidos, pero tengo problemas de overflow, ya que el contenedor no me coje todo el contenido, o se super pone el div contenido al div pie, etc...

Vosotros que me recomendais???

yo os voy a poner el css de posiciones fijas, que claro no me sirve por el hecho de que como el contenido es muy variable... me interesaría algo similar pero más fluido y me e vuelto loco buscando soluciones pero no esto inspirado....

Código:
#all
{
	width:760px;  
	margin: 0 auto;
	position:relative;
	border: 1px solid #C8EBF4; /*colorPred10*/
        //AQUI PARA Q SE MUETRE BIEN TENGO QUE UTILIZAR UNA ALTURA FIJA
}
#cabec_div
{
        position: absolute;	
        width:760px;
	height:85px;
}
#lat_izq_div
{
	position: absolute;
	top: 140px;
	left: 0px;
	width: 100px;
}
#lat_der_div
{
	margin:0;
        position: absolute;
	top: 140px;
	width:100px;
	left:660px;
}
#contenido_div
{
    position: absolute;
    top: 140px;
    left:100px;
    width: 560px;
}
#pie_div
{
	width:760px;
	position:absolute;
	left: 0px;
	bottom: 1px; //ESTO LO ESTABA PROBANDO PARA VER SI ASÍ AL CAMBIAR LA ALTURA ESTO FUNCIONABA, PERO NO LO COLOCA DONDE DEBE
	text-align: center;
	border-top: #C8EBF4 1px solid; /*colorPred10*/	
}
Bueno si no entendeis algo, decirmelo e intentaré explicarme mejor
__________________
webmaster de xematuning el mejor tuning español con más de 25000 fotos sobre el mundo del tuning, videos, salvapantallas, fondos y mucho más no lo dudes más y visítala!!!