home Foro de soporte Ayuda para webmasters Editores de páginas WEB
 
¿como podria centrar capas al variar tamaño de la ventana del navegador
Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato
·
#1 · ·

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.

Haz clic para ver el perfil del usuario
Okupa del foro
Okupa del foro
· ·
#2 ·

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>
Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman
· ·
#3 · ·

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>

Haz clic para ver el perfil del usuario
Okupa del foro
Okupa del foro
· ·
#4 ·

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

Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman
· ·
#5 ·

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
Foro de soporte · Ayuda para webmasters · Editores de páginas WEB
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 17:32 UTC+02:00 DST
Temas similares
No se han encontrado temas similares