Div en la siguiente línea

[LuisaJava]

Buenas tardes

Tengo el siguiente esquema CSS

Código:

<td id="vc-plantilla" >
	<div class="vc-direccion">
		DIRECCIÓN
	</div>
	<div class="vc-imagenes">
		IMÁGENES
	</div>
	<div class="vc-descripcion">
		DESCRIPCIÓN
	</div>
</td>

Me muestra una dirección, un logo y una descripción en una sola línea. El caso es que lo que yo quiero es que la descripción me aparezca un par de líneas más abajo.

Ahora me muestra

DIRECCIÓN LOGO DESCRIPCIÓN

... y quiero que me muestre

DIRECCIÓN LOGO

DESCRIPCIÓN


Espero haberme explicado.

Gracias por vuestra ayuda.

Luisa

[Aresillo]

Creo que depende del tamaño de cada div
establece un ancho a los divs de manera que no sobrepase el ancho total, de esa manera se pone juntos según el flujo del documento

Aresillo!!
Tb puedes ponerle al último un "clear:both;" para que no tenga nada en su misma linea

[LuisaJava]

Correcto, Aresillo

Ahora me sale bien la descripción; es decir, en una segunda línea. Sin embargo, el logo me queda en una línea intermedia. Más o menos así:

DIRECCIÓN

LOGO

DESCRIPCIÓN


Debería quedar así:

DIRECCIÓN LOGO (en la misma línea)

DESCRIPCIÓN


Muchas gracias,
Luisa

[Aresillo]

Pues es lo que te digo...
Te pongo un ejemplo, imagina que el ancho máximo de la tabla es 400px
Entonces tendrás que ponerle a la DESCRIPCIÓN 290px por ejemplo
y al LOGO por ejemplo 100px y 10 pixeles de margen izdo (al LOGO)

De esta forma la suma de los dos, suman 290 + 100 +10 = 400px...

Por tanto estarán en la misma línea...
Como ves es un ejemplo, lo que hago referencia es que tiene que estar bien las medidas porque si fuera mas pixeles la suma de la descripcion y el logo que el ancho total, entonces el LOGO, por estar el segundo se iría a la siguiente línea...

De todas formas, si nos pones el tamaño de la tabla y el tamaño de la descripción y el logo... te lo dejamos apañao!

Aresillo!!

[willyfc]

Eso puede pasar por que hiciste mal el cálculo de los divs que contienen dirección y logo, y esta sobrepasando el tamaño del contenedor junto con los margenes y rellenos o bordes que estas usando, ahora no se como lo estes poniendo pero por si acaso debería flotar