Elementos de interface mejorados
Basado en MooTools, esto promete bastante.
Es muy comparable con la misma forma de generar y modificar la interface, pero en flash.
Un saludo,
Añadir un comentario 17 de abril de 2008 a las 11:50 Freddy González
Archivos de abril de 2008
centrado de páginas web que funciona
Pues eso, esta es una forma de centrar que funciona de verdad y que muestra las barras de scroll cuando el tamaño de la ventana es más pequeño que el contenido. Y funciona en los 3 navegadores para los que validamos.
Consiste en crear un div auxiliar vacío (distance en el ejemplo) que es el encargado de calcular las dimensiones. Os pego el código y ya os apañáis:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS vertical center using float and clear</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#fc6;
color:#630;
text-align:center; /* centrado horizontal para Explorer */
}
#distance {
width:1px;
height:50%;
background-color:#fc6;
margin-bottom:-200px; /* la mitad de la altura del contenedor*/
float:left;
}
#container {
margin:0 auto;
position:relative; /* coloca el contenedor delante del div distance*/
text-align:left;
height:400px;
width:600px;
clear:left;
background-color:#ff9;
border:1px solid #c93;
}
</style>
</head>
<body>
<div id="distance"></div>
<div id="container">
<h1> </h1>
</div>
</body>
</html>
Yo lo he probado y funciona bien:
http://www.cgtecnica.es/index_nuevo.php
aleeeee
Miquel
Añadir un comentario 7 de abril de 2008 a las 13:43 Miguel Blanes