Comunidad de diseño web y desarrollo en internet online

Ayuda para Centrar Página.. Alinear Centrar :(

Citar            
MensajeEscrito el 25 Jul 2009 04:10 am
hola a todos
leí los otros post.. pero lo que yo necesito es arreglar un codigo en específico
que no creo que lo pueda encontrar en un post

El siguiente código lo uso para mis layouts de myspace..
Quisiera que el contenido que ponga ahí quede centrado en la pagina de myspace..
porque como BACKGROUND tengo una imagen que va hacer juego con el layout
pero para esto necesitare que se centralize


Código :

 <div class="pyp"> <table style="width:894px; height:1535px; cellpadding:0px;

cellspacing:0px; border:0px solid black; 

background-color:transparent;}"> <tr>

<td valign="top">




Aquí pongo todo el contenido como este por ejemplo..

<div id="LAYOUT" style="position:absolute; overflow:hidden; left:0px; top:0px; width:894px; height:1535px; z-index:0"><img src="http://img10.imageshack.us/img10/508/layoutroeshly.jpg" alt="" border="0" width="894" height="1535" /></div>




</td> </tr> </table> </div>
<style>
.pyp { position:absolute;

 left:0%; top:0px; width:894px;

z-index:1; margin-left:198px;

padding:0px; border:0px; background-color:transparent;} </style>



Espero haberme explicado lo suficiente, Solo necesito que me POSICIONEN esto..

Gracias..

Por brian1305

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Ago 2009 05:33 pm
no te explicaste lo suficiente pero quiza esto sirva: reemplazamos el nombre del div en lugar de .inside
.Inside {
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*/
width: 700px; /* RELACIONAMOS EL ANCHO CON EL MARGEN IZQUIERDO DEBE SER LA MITAD DEL ANCHO CON (-)*/
margin-left: -350px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
margin-top: -250px; /*Restamos la mitad de alto para centrarlo verticalmente*/
}



no se si lo que quieres mostrar esta o no en un frame dentro de la pagina pero indaga centrar divs en pantalla

Por deerkoff

8 de clabLevel



 

msie
Citar            
MensajeEscrito el 04 Ago 2009 07:54 pm
la solucion es colocar

[css]
#layout{
margin-left: auto;
margin-top: auto;
}
[/css]

y .... VUALA!

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.