Foros del Web » Creando para Internet » CSS »

como hacer una pagina como esta..

Estas en el tema de como hacer una pagina como esta.. en el foro de CSS en Foros del Web. hola espero me puedan ayudar con esto: + quiero hacer una pagina web que tenga el encabezado y el pie de pagina al 100% de ...
  #1 (permalink)  
Antiguo 21/08/2011, 21: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>
  #2 (permalink)  
Antiguo 22/08/2011, 15:52
 
Fecha de Ingreso: agosto-2011
Ubicación: Villahermosa Tabasco Mexico
Mensajes: 7
Antigüedad: 5 años, 3 meses
Puntos: 2
Respuesta: como hacer una pagina como esta..

hablas de un diseño dinamico donde los tamaños cambian con la resolucion del browser o de la pantalla (o si lo estas viendo en un celular o en un ipad)

De hecho hay dos formas de hacer lo. En vez de definir px por los tamaños puedes definir "em". em depende del tamaño de las letras que tiene el usario predefinida en su browser.

Pero talvez mas facil y mas modernos son "media queries". Simplemente busca en google. Es una funcion de CSS3 con que puedes incluir differentes stylesheets por differentes resoluciones o solo para celulares etc.

De hecho me gustan mas diseños con un tamaño fijo, si es dinamico debes definir en vez de "width:100%" un "min-width" y un "max-width" para que no se vea tan feo en resoluciones muy altas (por ejemplo en una pantalla de 27")
  #3 (permalink)  
Antiguo 23/08/2011, 20:15
polonanni
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: como hacer una pagina como esta..

muchas gracias me ah sido de utilidad tu informacion sabes de algun condigo ya echo para eso.. te lo qgradeceria mucho si me pudieras pasar alguno..

Etiquetas: html, resoluciones, televisa
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 18:17.