tdampels Usuario Novato

Mensajes: 1 Desde: 20/Jun/2006 | ¿como podria centrar capas al variar tamaño de la ventana del navegadorhola amig@s, tengo un lio... he hecho una web con capas y ahora me piden que al hacer mas pequeña la ventana del navegador las capas se centren, no se como hacerlo, tengo una capa principal y otras 10 anidadas en esta. Bueno, espero que podais ayudarme, un saludo, gracias. Editado por tdampels, Martes, 20 de Junio de 2006, 11:55 |
20/Jun/2006 11:51 GMT+1 | |
ArTMOSaik Okupa del foro

 Mensajes: 665 Desde: 29/Dic/2004 | RE: ¿como podria centrar capas al variar tamaño de la ventana del navegadorBuenas, la verdad ke eso ke kieres siempre me ha resultado komplikad... centrar una pagina kon tablas era sencillo, pero kuando lo intentaba kon kapas nunka me salia... por suerte, un dia en los foros de Cristalab aguien puso la solucion:
Como centrar una capa DIV, tanto vertikal komo horizontalmente, kon hojas de estilo CSS
Codigo: <html>
<head>
<title>Centrar SWF con CSS</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.centrado {
position: absolute; /*Posicionamiento absoluto*/
top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
height: 400px; /*Le ponemos el valor del alto*/
width: 500px; /*Le ponemos el valor del ancho*/
margin-top: -200px; /*Restamos la mitad de alto para centrarlo verticalmente*/
margin-left: -250px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
background-color: #00FF00; /*Este es el kolor de fondo, para ke el ejemplo sea visible*/
}
-->
</style>
</head>
<body>
<div class="centrado">
Hola, esta es la kapa kontenedor ke kedara centrada.
</div>
</body>
</html>
|
20/Jun/2006 12:29 GMT+1 | |
Nodws @man / @woman

 Mensajes: 3.481 Desde: 09/Ene/2003 | RE: ¿como podria centrar capas al variar tamaño de la ventana del navegadoreso no funca intenta con este:
<style type="text/css">
body { margin: 0px;}
.centrado {
border:1px #222222 solid;
margin-left:auto;
margin-right:auto;
width:780px;
}
</style>
<div class="centrado">Hola, esta es la kapa kontenedor ke kedara centrada.</div>
Editado por Nodws, Martes, 20 de Junio de 2006, 20:32 |
20/Jun/2006 20:30 GMT+1 | |
ArTMOSaik Okupa del foro

 Mensajes: 665 Desde: 29/Dic/2004 | RE: ¿como podria centrar capas al variar tamaño de la ventana del navegadorEse Nodwsito... kuanto tiempo matxo
Y komo ke no funciona?
Si lo tengo usando en varias paginas y todas sin problema, tanto en IE6, komo en FF komo en Opera...
Mira repasa kew hayas hetxo bien el kopy/paste, ke ni eso sabes  |
20/Jun/2006 21:35 GMT+1 | |
Nodws @man / @woman

 Mensajes: 3.481 Desde: 09/Ene/2003 | RE: ¿como podria centrar capas al variar tamaño de la ventana del navegadoraah claro que funca pero no para lo que lo quiere el usuario en cuestion (alineacion vertical solamente)
saludetes  |
25/Jun/2006 07:09 GMT+1 | |