Hola, he puesto tres capas alineadas, la del centro debería ser autoajustable al ancho de la pantalla y las de los lados con ancho fijo. Si pongo width:auto (a la del centro) pasa por encima de la de la derecha.
La capa izquierda se me queda por debajo siempre (con auto o con ancho fijo en la del centro) y no hay manera de subirla para que se alinee con las otras, dejo el código por si alguien me puede ayudar, gracias
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>formulario</title>
<link href="../Templates/form3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="contenedor">
<div id="imagenIz"><img src="imagenIzq.gif" width="83" height="106">
</div>
<div id="cabecera">cabecera cabecera cabecera cabecera cabecera
</div>
<div id="imagenDer"><img src="imagenDer.gif" width="83" height="105">
</div>
</div>
</body>
</html>
/* CSS Document */
body {
color:#333;
font:11px verdana, arial, helvetica, sans-serif;
}
#contenedor{
margin:auto;
height: 540px;
}
#cabecera{
position:relative;
margin:0px auto;
border:1px solid black;
padding:10px;
width: 650px;
top: 20px;
}
#imagenDer {
position:relative;
top:20px;
left:20px;
float: left;
}
#imagenIz {
position:relative;
top:20px;
float: right;
right: 20px;
}