buenas acabo de empezar con css... hasta ahora no he tenido muchos problemas.. pero la maquetación con capas me da bastante por culo xD
en explorer he conseguido que se viera bien...
http://img401.imageshack.us/img401/4792/resultadoexplorer.jpg
en firefox la capa login dentro de cabecera se me coloca donde le sale la polla..
http://img80.imageshack.us/img80/6967/resultadofirefox.jpg[/URL]
os pongo el html y el css debajo.
Código HTML:
<HTML>
<HEAD>
<LINK REL="stylesheet" HREF="maqueta.css" type="text/css">
<TITLE>
Tú mejor opción para encontrar empleo
</TITLE>
</HEAD>
<BODY>
<Div id="contenedor">
<Div id="cabecera">
<H1><Font face="arial" color="white">Honda Hornet</Font></H1>
<div id="login">
Email <input type="text" id="name"><BR>
Password<input type="password" id="password"><BR>
<input type="submit" value="login"><BR>
</div>
</div>
<Div id="navbar">
</div>
<Div id="cuerpo"> hola
</div>
<Div id="foot"> k tal
</div>
</div>
</BODY>
</HTML>
Código CSS:
Ver originalBody {
text-align: center;
}
#contenedor {
width: 700px;
height: 760px;
text-align: left;
background-color: black;
margin: 0 auto;
padding: 10px;
}
#cabecera
{
width: 684px;
height: 80px;
padding: 5px 10px 5px 10px;
overflow: hidden;
}
#login
{
width: 150 px;
height: 80 px;
background-color: yellow;
position: absolute;
top: 0px;
right: 0 px;
}
#navbar {
width: 140px;
height: 634px;
float: left;
background-color: brown;
display: block;
}
#cuerpo {
width: 540px;
height: 634px;
float: left;
background-color: red;
display: block;
padding: 10px;
}
#foot {
width: 684px;
height: 100px;
clear: both;
padding: 10px;
background-color: yellow;
}
input {
width: 80px;
size: 12;
font-size: 8pt;
border: 1px solid;
}