tdampels
Usuario Novato
Usuario Novato

hola 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.

Avatar Image
Okupa del foro
Okupa del foro

Buenas, 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>
Avatar Image
@man / @woman
@man / @woman

eso 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>

Avatar Image
Okupa del foro
Okupa del foro

Ese Nodwsito... kuanto tiempo matxo Sonrisa Gigante

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 muñeco de nieve

Avatar Image
@man / @woman
@man / @woman

aah claro que funca pero no para lo que lo quiere el usuario en cuestion (alineacion vertical solamente) Sonrisa Gigante

saludetes Fumador

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares