Foros del Web - Problema con maquetar con CSS

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Problema con maquetar con CSS (http://www.forosdelweb.com/f53/problema-con-maquetar-con-css-295521/)

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 :adios:

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.

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 :Zzz: , 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. :-D

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

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 :adios:

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

Saludos :adios:

Cita:

Iniciado por DvD AdN

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

Saludos :adios:

Entonces ¿ya te funciona?

:adios: