Foros del Web » Creando para Internet » CSS »

Desesperación con la maquetación....

Estas en el tema de Desesperación con la maquetación.... en el foro de CSS en Foros del Web. Bueno, siento ser tan pelma y entedere que la gente pase de este mensaje...(espero que no). Pos mi problema biene relacionado con el posicionamiento de ...
  #1 (permalink)  
Antiguo 07/04/2005, 01:40
 
Fecha de Ingreso: octubre-2004
Mensajes: 32
Antigüedad: 13 años, 2 meses
Puntos: 0
Desesperación con la maquetación....

Bueno, siento ser tan pelma y entedere que la gente pase de este mensaje...(espero que no).
Pos mi problema biene relacionado con el posicionamiento de las capas a la hora de maquetar la web, en principio logro estructurar la página correctamente, pero en el momento de redimensinar la pantalla todas las capas se me descuadran....
Mi petición......ya se que es demasiado pedir.......alguien podria entrar en la web y orientarme un poco por donde pueden ir las cosas¿?¿?¿?¿

http://www.asmoz.org/DH2004/css

jooooo que alguien me eche una mano.....gracias
  #2 (permalink)  
Antiguo 07/04/2005, 01:51
 
Fecha de Ingreso: octubre-2004
Mensajes: 32
Antigüedad: 13 años, 2 meses
Puntos: 0
ahhh la hoja de estilos....:

http://www.asmoz.org/DH2004/css/estilos.css
  #3 (permalink)  
Antiguo 09/04/2005, 13:09
Avatar de don_fransisco  
Fecha de Ingreso: junio-2004
Mensajes: 192
Antigüedad: 13 años, 5 meses
Puntos: 1
Hola Puedes Probar con esto:

Código:
.cabecera{
		position:absolute;
		width:760px;;
		height:35px;
		background-color:#009966;
		}	
		
.menu{
		position:absolute;
		left:10px;
		top:50px;
		width:150px;
		height:400px;
		background-color:#9966CC;
		}
		
.contenido{
		position:absolute;
		top:50px;
		left:150px;
		width:470px;
		height:400px;
		clear:right;
		background-color:#FFCC00;
			
		}
			
.cderecha{
		position:absolute;
		top:50px;
		left:620px;
		width:150px;
		background-color:#9966CC;
		height:400px;
		clear:inherit;
	}	
		
.pie{
	position:absolute;
	top: 450px;
	width:760px;
	height:35px;
	background-color:#009966;
	
	}
para que la hoja de estilo pueda adaptarse a cualquier resolución debes personalizar las medidas y cambiar de "px" a "%".

saludos
  #4 (permalink)  
Antiguo 09/04/2005, 13:32
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Primero, te recomiendo tener un ancho definido para tu layout, por ejemplo, 730px, eso lo divides en la cantidad de columnas que tendrás al mismo nivel y debe ajustarse perfectamente.. mientras tanto, prueba con esto:
#cabecera{
position:relative;
width:100%;
height:35px;
background-color:#009966;
}

#menu{
position:relative;
float:left;
width:150px;
height:400px;
background-color:#9966CC;
}

#contenido{
position:relative;
float:left;
width:400px;
height:400px;
background-color:#FFCC00;
}

#cderecha{

float:right;
width:150px;
background-color:#9966CC;
height:400px;
}

#pie{
position:relative;
width:100%;
height:35px;
background-color:#009966;
clear:both;
}

no lo probé, pero debe funcar...

saludos
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 16:22.