21/08/2011, 20:57
|
|
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> |