alineacion con <div>

Citar

Escrito el 14 Dic 2005 02:53 am

maestros una consulta facil para uds...
puse un div contenedor con ancho y largo al 100%...
dentro tengo el contenido que me gustaria alinearlo tanto horizontal como veticalmente...
recuerdo que trabajando con tablas le ponia valign para la alineacion vertical

como haria eso usando capas ??

Por cexsxar

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 14 Dic 2005 09:57 am

Hola cexsxar, no entendi muy bien, por causas de sueño y exceso de C_C, pero creo que esto es lo que quieres hacer:

XHTML:

Código :

<body>
   <div id="contenedor">
      <div id="content">
         <p>Texto Centrado</p>
      </div>
   </div>
</body>

CSS:

Código :

body
   {
   color: white;
   text-align:center;
   margin: 0;
   }


div#contenedor       
   {
   color: white;
   background-color: #3B3B3B;
   width: 100%;
   height: 100%;
   }
div#contenido {
   font-family: Verdana, Geneva, Arial, sans-serif;
   background-color: #FFFFFF;
   color: #666666;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 250px;
   height: 150;
   margin-left: -125px;
   margin-top: -75px;
   }

div#contenido p{
   font-size:14px;
   font-weight: bold;
   margin:0;
   }

Le agrege sus detalles de alineación y color al texto, para que se vea co0l!...bueno saludos y si esa no era tu duda, pues vuelve a postearla. :lol:

P.D: Corregido, me equivoque de código.

Por choco

425 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Ultima edición por choco el 14 Dic 2005 06:35 pm, editado 4 veces

Estado de México, México

Citar

Escrito el 14 Dic 2005 05:33 pm

Hola choco...
Antes que nada dejame agradecerte por tomarte un tiempito en ayudarme.
Bueno la idea en pocas palabras es tener 'centrado' tanto vertical como horizontalmente un pequeño contenido de la web.
.. con el ancho del contenedor no hay problema se adapta a toda la pantalla, el problema es en el alto, no se porque pero no se adapta a toda la pantalla...
por ejemplo trabajando con el codigo de tu respuesta el contenedor termina con un alto de 500px, los 300px del contenido mas 100px del padding-top y 100px del padding-bootom del contenedor...
y pues se nota un espacio en la parte inferior de la pagina.

saludos a todos

Por cexsxar

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 14 Dic 2005 06:04 pm

recuerden que google lo sabe todo
http://www.google.com.mx/search?q=css+center+vertical

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 14 Dic 2005 06:34 pm

Sorry, es que me equivoque de código, pero igual como dice fael, buscale en google, talvez encuentres una forma más fácil. :wink:

Por choco

425 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Estado de México, México

Citar

Escrito el 14 Dic 2005 07:04 pm

Para que un div pueda tener 100% de altura, debe agregar lo siguiente:

Código :

body {
   height:100%;
   }

Ya que ese atributo depende del elemento padre al que se lo implementas. Suena un poco raro, porque el body no tiene elemento padre, pero asi funciona.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 14 Dic 2005 08:29 pm

bueno gracias a todos...
aunque no lo crean uds fueron mi ultima opcion despues de rebuscar en google
claro que mire paginas en español porque de ingles casi nada...
seguire probando a ver que sale
gracias

Por cexsxar

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado