Foros del Web » Creando para Internet » CSS »

cambiar la posición de un div

Estas en el tema de cambiar la posición de un div en el foro de CSS en Foros del Web. Hola a todos, estoy empezando en esto de las css asi que disculpen si la pregunta es un poco básica. Bueno estoy diseñando una pág ...
  #1 (permalink)  
Antiguo 10/01/2007, 07:45
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Exclamación cambiar la posición de un div

Hola a todos, estoy empezando en esto de las css asi que disculpen si la pregunta es un poco básica.
Bueno estoy diseñando una pág y tengo una foto arriba a la izquierda y quiero poner un bloque de texto justo al lado (a la derecha de la foto) eso lo hice bien, el tema es que quisiera que ese bloque de texto estuviera posicionado en la línea de base de la foto y no desde el tope hacia abajo (se entiende?) ya que son 4 líneas de texto y queda como "flotando", la única forma que conozco es poniendo un padding top de unos cuantos px hasta que llegue a donde quiero pero no creo que sea lo aconsejado ya que cada vez que utilice este div se me va a correr para abajo y no es la idea.
Bueno espero que puedan ayudarme, gracias de antemano!
  #2 (permalink)  
Antiguo 10/01/2007, 07:53
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: cambiar la posición de un div

Hola marilinadg. Bienvenido al foro.

El foro de Bienvenida a Foros del Web es para presentarse y, si quieres, contarnos algo sobre tí. Para preguntas concretas utiliza el foro que mejor se adapte a tu duda.

Si pones el código que estás usando, será más fácil entender tu duda y tratar de resolverla.

Muevo tu mensaje al foro de Css desde Bienvenida a Foros del Web.

Saludos,
  #3 (permalink)  
Antiguo 10/01/2007, 08:00
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Sonrisa aclaro el código

Bueno acá va el css que tiene este div:

.texto {
float:left;
width:530px;
height:auto;
margin: 0;
}
espero que sirva para entender el problema, gracias.
  #4 (permalink)  
Antiguo 10/01/2007, 09:02
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Re: cambiar la posición de un div

No se entiende del todo tu problema, segun lo que lei primero, tienes flotado el texto a la derecha de la imagen, pero en el css el texto esta flotado a la izquierda. Puedes poner el codigo completo, incluyendo HTML? Saludos.
  #5 (permalink)  
Antiguo 10/01/2007, 09:16
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: cambiar la posición de un div

Si no me equivoco lo que quieres hacer es que aparezca en linea de base... simplemente eso...

Pues ponle al div del texto bottom: 0px; y ya lo tienes :S

P.D: Por supuesto que el div contenedor de el div con la imagen y el del texto debe ajustarse al contenido y no tener un height mas grande.
  #6 (permalink)  
Antiguo 10/01/2007, 10:58
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Sonrisa Re: cambiar la posición de un div

Gracias Shade por tu respuesta, si eso es lo que quiero hacer, es simple, que la foto y el bloque de texto se apoyen en una misma línea de base, pero poniéndole Bottom:0px no veo que cambie nada, el texto y la foto que tengo a la izq, están dentro de otro contenedor que tiene el alto de la foto (ya que el texto es menos alto) y el ancho de los dos elementos contenidos.
No se si logré aclarar bien el punto.
Espero respuestas!!
Gracias nuevamente.
  #7 (permalink)  
Antiguo 10/01/2007, 11:03
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: cambiar la posición de un div

ponle height: 100%; al div del texto y un vertical-align: bottom; y se debe solucionar.

Pd: algo asi:

#div_texto {
height: 100%;
vertical_align: bottom;
position: relative;
}
  #8 (permalink)  
Antiguo 10/01/2007, 11:14
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Sonrisa Re: cambiar la posición de un div

Bueno, vamos mucho mejor, ahora el contenedor del texto llega exactamente al borde inferior del contenedor gral, pero el texto en si sigue estando arriba, cómo podré hacer para que quede la última línea de texto tocando el borde inferior del contenedor texto?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:18.