ok gracias pero en ningun momento quiero que lo hagan por mi, todo lo contrario mi intencion es aprender, de eso se trata.
haber les cuento
hasta el momento he desarrollado esto.
el codigo CSS. lo tengo de esta manera..
_______________________________________________
body{
font:10px Verdana, Arial, Helvetica, sans-serif;
border-left:0px;
border-right:0px;
border-bottom:0px;
}
/* --- para la capa 1 --- */
#contenedor1{
width: 824px;
height: 102px;
margin:0 auto;
text-align:center;
border:1px solid #FF0000;
}
#pub1{
float:left;
width: 600px;
height: 90px;
border:1px solid #00FF00;
}
#pub2{
width: 200px;
height: 90px;
border:1px solid #00FF00;
}
/*-----------------------*/
/*----> para crear las capas 2,3 y 4 -----*/
#logoleft{
width: 50px;
height: 170px;
border:1px solid #333300;
float: left;
}
#logocenter{
float:left;
width: 970px;
height: 170px;
border:1px solid #000000;
margin:0 auto;
}
#logoright{
float:left;
width: auto;
height: 170px;
border:1px solid #000099;
}
__________________________________________________ ____
y el codigo en HTML lo tengo de la siguiente manera
__________________________________________________ ___
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="EstilosFutbol.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="contenedor1">
<div id="pub1">Publicidad 1</div>
<div id="pub2">publicidad 2</div>
</div>
<div id="logoleft">Capa2</div>
<div id="logocenter">Capa3</div>
<div id="logoright">Capa4</div>
</body>
</html>
__________________________________________________ _
el problema es que las capas 2 , 3 y 4 no estan centradas.
y la idean es que las capas 2 y 4 crescan o decrescan segun la resolucion de la pantalla y la 3 permanezca siempre centrada...
gracias y perdon por no hacerme explicar al iniciar el tema.