Alinear un Div verticalmente

Citar

Escrito el 13 Ago 2005 12:18 am

Hola a todos.. estoy con un problemilla que se me cruza varias veces... hay alguna forma para que un div que esta dentro de otro div se alinie hacia abajo (verticalmente)?... ojo que siempre permanesca a abajo.... estuve probando con relative y con top en porcentaje..pero creo que es mala idea... algun consejo?...
Salu2
Erik

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 13 Ago 2005 02:33 am

Puedes hacer eso, pero como yo casi siempre uso textos fijos, osea que siempre será ése, solo uso padding.

Le pongo un poco de padding en la parte superior e inferior, para dar una impresión de centrado.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 13 Ago 2005 03:19 pm

float es la solución. Debes tener en cuenta que necesitas ser muy específico con las width, height y margin. Algunos navegadores necesitarán que pongas el line-height para verlo cabal.

Eso es lo básico, tedamos la luz, ahora brilla y cuéntanos cómo te fue.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 13 Ago 2005 06:58 pm

line-height

Cierto, line-height puede servir, hay muchos métodos, ya sólo es cuestión de ver cómo lo haces.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 13 Ago 2005 08:09 pm

OK...
creo que no me explique muy bien ... primero checken este grafico

Ahora mi pregunta era si se puede hacer que el ID h_menu siempre este alineado para abajo y a la derecha ...estaba probando con posición relativa al Id header y poniendo como valor top la mitad de lo que vale el ID header (o hasta ajustarlo a la posicion de abajo)..

Por el momento la unica solución que tuve fue la sigte:

Código :

   #header{
   height: 112px;
   width: 480px;
   float: right;
   vertical-align: bottom; /* creí que con esto iba a solucionar el problema  ;)  */ 
   }
   #h_menu{
   width:362px;
   height:16px;
   padding: 5px;
   text-align: center;
   position: relative;
   float: right;
   right: 10px;
   top: 82px;
   font-size: 12px;
   }

Salu2
Erik©

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 13 Ago 2005 11:32 pm

Ey... excelente... me ilumé/naron .... ahora a terminar el trabajo... en estos días se lo muestro...
Salu2
Erik

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 14 Ago 2005 12:54 am

Yo usaría float:right; y le pongo el margin necesario.
O sino, usaria float:right; y padding en el header.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 14 Ago 2005 04:49 am

asi es, solo aumente el padding de header a la mitad de su altura y algunos pixel más...

Salu2
Erik

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 15 Ago 2005 12:47 am

Bravo

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 04 Jul 2006 03:54 am

miren un favor cheken esta web http://www.ntperu.com.pe/index/call_center.html ahora dense cuenta en la parte de abajo tengo dos div uno para el menu de la izq y otro para el contenido que esta en la derecha como puedo hacer para q ese div de la izq lo alinee con el de la derecha(la info de la derecha asi varie) ...
Saludos

Por juan_gv

108 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 18 Jul 2006 03:40 pm

<body>
<table width="626" height="20" border="1">
<tr>
<td width="94">aaaaaaaa</td>
<td width="97">bbbbbbbb</td>
<td width="97">cccccccc</td>
<td width="120">dddddddd</td>
<td width="184">eeeeeeee</td>
</tr>
</table>
<div style="position:absolute; width:100; height:20; left: 11px; top: 45px;" align="center" class="divv" id="divv">
<table width="100" height="20" border="1">
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>aaaaaaaa</td></tr>
</table>
</div>
<div style="position:absolute; width:100; height:20; left: 117px; top: 44px;" class="divv2" id="divv2">
<table width="100" height="20" border="1">
<tr><td>bbbbbbbb</td></tr>
<tr><td>bbbbbbbb</td></tr>
<tr><td>bbbbbbbb</td></tr>
<tr><td>bbbbbbbb</td></tr>
<tr><td>bbbbbbbb</td></tr>
</table>
</div>
</body>
dos div alineados vertical menos con respecto a la tabla principal

Por veny

3 de clabLevel

Genero:Femenino

Envíale un mensaje privado

Citar

Escrito el 18 Jul 2006 04:05 pm

veny te recomiendo que leas bien el tema antes de postear códigos y códigos, en este caso tu solución utiliza tablas, cuando eso NO es lo recomendado y el tema NO habla de como hacerlo con tablas sino con CSS y XHTML. Esta bien que quieras ayudar, pero recuerda que tu ayuda debe ser ante todo efectiva. Por otro lado si vas a poner sólo código, hay unas etiquetas muy útiles para ello:

Código :

 [code][/code]

Por Zarzamora

BOFH

3056 de clabLevel

3 tutoriales
12 articulos

Envíale un mensaje privado

Alinear un Div verticalmente

Escribe una respuesta rapida