Foros del web, para los que viven de bits

DvD AdN · 06-may-2005, 00:04

Hola soy nuevo en los foros.

Apenas estoy empezando con la maquetacion con CSS y tengo un problema.

Tengo mi archivo CSS externo y ahi pongo la colocación de las diferentes capas, según yo todo esta bien, pero al momento de abrir la pagina todo me sale empalmado, una capa arriba de la otra.
Primero tenia "Position: absolute" y después lo cambie a relative pero seguía igual.
Alguien podría decirme cuales serían mis posibles errores.

Ahh! no me acordaba, se puede hacer esto:

position: absolute;
top : 26%;
left: 80%;

o sea ponerle % en lugar de px,pt,in u otras medidas.

Saludos

Daniel Ulczyk · 09-may-2005, 06:50

Podés definir las características del layer, no solo las de posición, sino además las dimensiones con %
Con respecto al código, posteálo; a ver si analizándolo se puede descubrir qué está pasando.

DvD AdN · 10-may-2005, 00:22

Código:

#top{
position: relative;
top: 5px;
left: 10% 
width: 90%;
height: 20%;
}
#info{
position: relative;
top: 20%;
left: 0px;
width: 85%;
height: 3%;
}
#counter{
position: relative;
top: 20%;
left: 85%%;
width: 15%;
height: 3%;
background-color:111111;
border-color:090909;
border-style:groove;
border-width:1px;
}
#menu{
position: relative;
top: 26%;
left: 0px;
width:19%; 
height: 54%;
background-color:000000;
float: left;
}
#contenido{
position: relative;
top: 26%;
left: 25%;
width: 44%;
border-style: groove;
border-color: #999999;
border-width: thin;
float: right;
}
#google{
position: relative;
top: 26%;
left: 80%;
border-color:999999;

border-style: dotted;
border-width: 1px;
width: 80%px;
background-color: transparent;
}
#container {
text-align: left; 
width: 100%; 
background-color : #000000; 
margin: auto; 
}

ahi esta el codigo

aqui esta un diseño de como mas o menos quiero que quede.

Perdonen mi dibujo "chido", ya es muy tarde,y ya me estoy quedando dormido

, y no tenía un diseño ya echo asi que lo tuve que hacer rápido y además me dio hueva hacerlo con otro programa.

erchiva · 10-may-2005, 05:52

podrías hacer una capa contenedor donde meter las demás y colocalas con position:relative

kahlito · 10-may-2005, 08:04

En ese caso al meterlo todo en un contenedor con jugando con las posiciones top y left te pueden ir mejor, yo suelo usarlas con position:absolute;

Saludosss

DvD AdN · 12-may-2005, 11:05

Pues si, si lo meto todo en un contenedor, ahi esta la clase :Container
(Viene al final)

Saludos

kahlito · 13-may-2005, 06:05

Cita:

Iniciado por DvD AdN

Pues si, si lo meto todo en un contenedor, ahi esta la clase :Container
(Viene al final)

Saludos

Entonces ¿ya te funciona?

06-may-2005, 00:04	#1 (permalink)
DvD AdN Fecha de Ingreso: mayo-2005 Ubicación: Frente al monitor Mensajes: 531	Problema con maquetar con CSS Hola soy nuevo en los foros. Apenas estoy empezando con la maquetacion con CSS y tengo un problema. Tengo mi archivo CSS externo y ahi pongo la colocación de las diferentes capas, según yo todo esta bien, pero al momento de abrir la pagina todo me sale empalmado, una capa arriba de la otra. Primero tenia "Position: absolute" y después lo cambie a relative pero seguía igual. Alguien podría decirme cuales serían mis posibles errores. Ahh! no me acordaba, se puede hacer esto: position: absolute; top : 26%; left: 80%; o sea ponerle % en lugar de px,pt,in u otras medidas. Saludos

09-may-2005, 06:50	#2 (permalink)
Daniel Ulczyk Colaborador Fecha de Ingreso: febrero-2005 Ubicación: Buenos Aires Mensajes: 1.119	Podés definir las características del layer, no solo las de posición, sino además las dimensiones con % Con respecto al código, posteálo; a ver si analizándolo se puede descubrir qué está pasando. __________________ Utilidades para Webmasters Diseño Web

12-may-2005, 11:05	#6 (permalink)
DvD AdN Fecha de Ingreso: mayo-2005 Ubicación: Frente al monitor Mensajes: 531	Pues si, si lo meto todo en un contenedor, ahi esta la clase :Container (Viene al final) Saludos __________________ Me dijeron que mi firma estaba muy larga e incumplía con las normas del foro asi que ya la cambie. Sonata Arctica, Monterrey 8 de septiembre :-D

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

10-may-2005, 05:52	#4 (permalink)
erchiva Fecha de Ingreso: marzo-2005 Mensajes: 12	podrías hacer una capa contenedor donde meter las demás y colocalas con position:relative

10-may-2005, 08:04	#5 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	En ese caso al meterlo todo en un contenedor con jugando con las posiciones top y left te pueden ir mejor, yo suelo usarlas con position:absolute; Saludosss

13-may-2005, 06:05	#7 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Cita: Iniciado por DvD AdN Pues si, si lo meto todo en un contenedor, ahi esta la clase :Container (Viene al final) Saludos Entonces ¿ya te funciona?