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.
