Foros del Web » Creando para Internet » CSS »

Tres capas alineadas, revisenme el código por favor

Estas en el tema de Tres capas alineadas, revisenme el código por favor en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 26/11/2005, 15:06
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Tres capas alineadas, revisenme el código por favor

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;
	}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:18.