Código HTML :
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css">
Código CSS :
*{
padding:0;
margin:0;
}
.topbar{
width:100%;
height:auto;
position:fixed;
float:left;
}
.topbar1{
background-color:#000;
z-index:100;
}
.topbar2{
background-color:#CCC;
z-index:100;
}
.container{
padding-top:3%;
width:100%;
}
.left{
float:left;
width:20%;
background-color:#060;
}
.content{
float:left;
width:60%;
background-color:#09C;
}
.right{
float:left;
width:20%;
background-color:#099;
}
Código HTML :
</style> </head> <body> <header class="topbar"> <header class="topbar1">A</header> <header class="topbar2">B</header> </header> <section class="container"> <section class="left">Izquierda </section> <section class="content"> contenido1<br/> contenido2<br/> contenido3<br/> contenido4<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> contenido1<br/> </section> <section class="right"> <form> <input type="text" placeholder="Usuario"/><br/> <input type="password" placeholder="Clave"/><br/> <button>Entrar</button> </form> </section> </section> </body> </html>
