Tres capas alineadas, revisenme el código por favor

gutiw · #1 (**permalink**) 26/11/2005, 15:06

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;
	}