Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2011, 20:57
polonanni
Invitado
 
Mensajes: n/a
Puntos:
De acuerdo como hacer una pagina como esta..

hola espero me puedan ayudar con esto:

+ quiero hacer una pagina web que tenga el encabezado y el pie de pagina al 100% de anchura

+ y el cuerpo (contenido) sea en medida de pixeles algo parecido a esta pagina [url]http://www.televisa.com/[/url]

-- el punto es que quiero medidas para que se vea bien mi pagina en la mayoria de resoluciones de pantalla..


gracias...


estoy usando este codigo de css

CSS

@charset "utf-8";
/* contenedor y capas */

* {margin:0px; padding:0px; border:0px;}

body {
text-align:center;
}

#contenedor {
width:100%;
height:100%;

}

#barrasuperior {
background-color:#00C;
width:100%;
height:20px;
border-left:black 1px solid;

}

#cabecera {
background-color: #FFF;
height:100px;
text-align:center;
}


/*estilo imagenes logo y publcidad*/

#logotipo {
background-color:#FF9;
width:269px;
height:80;
float:left;

}

#publicidad {
background-color:#F90;
width:300px;
height:80;
float:right;
}

/*fin logo y publicidad*/


#cuerpo {
background-color:#06F;
width:60%;
height:600px;
float:right;
text-align:center;

}

#bannerflash {
background-color:#3C6;
width:40%;
height:600px;
float:left;
text-align:center;

}

#piedepagina {
background-color:#333;
width:100%;
height:75px;
clear:both;
text-align:center;

}


y este html

HTML

<link href="estilos css/contenedorycapas.css" rel="stylesheet" type="text/css"/>
<link href="estilos css/estilos.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
background-image: url();
}
-->
<html>

</style></head>

<body>

<div id="contenedor">
<div id="barrasuperior"></div>
<div id="cabecera">
<div id="logotipo"> <img src="imagenes/logo.png" alt="todoenloscabos"></div>
<div id="publicidad">Publicidad</div>

</div>


<div id="bannerflash"> bannerflash </div>
<div id="cuerpo"> cuerpo </div>
<div id="piedepagina"> piedepagina </div>

</div>

</body>
</html>