Problema con maquetar con CSS

[DvD AdN]

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]

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]

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]

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

[kahlito]

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]

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

Saludos

[kahlito]

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?