Descripción traspasa el limite

[Dany developer]

Hola a todos

 

Tengo un problema con un texto en la descripcion corta que traspasa los limites del div y a veces pasa en la descripcion larga, les comparto esta imagen para que sepan de que hablo:

 

Ya intente poner la descripciones en tablas o div y definiendole un ancho pero lo pasa por alto y nada, se sigue viendo igual como lo muestro en la imagen.

 

Alguien sabe como arreglar esto.

 

Saludos

[ventura]

Creo que deberias darle tambien un:

overflow:hidden

[Dany developer]

Hola Ventura

 

En parte funciono el codigo pero ahora me corta el texto , juge un poco con el overflow y pues hace cosas medio extrañas como poner un scroll horizontal.

 

No se si es el modo en que capture los datos ya que solo los copie y pege, y contenian algunos hipervinculos que he notado que se inluyeron.

 

Saludos

[ventura]

Asi sin ver el codigo como lo tienes es dificil, trata de asignar tambien a los respectivos divs su height: y min-weight:

[Dany developer]

Hola Ventura

 

Pues es que realmente no le he movido nada y es el tema por default lo unico que he hecho es mover el margen del contenido sin embargo ya habia pensado en eso y lo devolvi a su posicion original y segui con el mismo problema.

 

Te muestro el codigo donde supongo que esta el problema:

<!-- left infos-->
	<div id="pb-left-column">

		<h1>{$product->name|escape:'htmlall':'UTF-8'}</h1>

		{if $product->description_short OR $packItems|@count > 0}
		<div id="short_description_block" >
			{if $product->description_short}

<div id="short_description_content" style="overflow:scroll;"  class="rte align_justify">{$product->description_short} </div>

				

			{/if}
			{if $product->description}

			<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
			{/if}
			{if $packItems|@count > 0}
			<div class="short_description_pack" >
				<h3>{l s='Pack content'}</h3>
				{foreach from=$packItems item=packItem}
				<div class="pack_content" >
					{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)|escape:'html'}">{$packItem.name|escape:'htmlall':'UTF-8'}</a>
					<p>{$packItem.description_short}</p>
				</div>
				{/foreach}
			</div>
			{/if}
		</div>
		{/if}
......
......

Esto es en product.tpl

 

y este es su css:

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {margin-left:20px; }

Intentare lo de definir el ancho del div con min-weidth sin embargo ya habia hecho algo parecido

 

Saludos

[ventura]

cambia esa parte por esta:

 

 

<!-- left infos-->
<div id="pb-left-column">
<h1>{$product->name|escape:'htmlall':'UTF-8'}</h1>


{if $product->description_short OR $packItems|@count > 0}
<div id="short_description_block">
{if $product->description_short}
<div id="short_description_content" class="rte align_justify">{$product->description_short}</div>
{/if}
{if $product->description}
<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
{/if}
{if $packItems|@count > 0}
<div class="short_description_pack">
<h3>{l s='Pack content'}</h3>
{foreach from=$packItems item=packItem}
<div class="pack_content">
{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)}">{$packItem.name|escape:'htmlall':'UTF-8'}</a>
<p>{$packItem.description_short}</p>
</div>
{/foreach}
</div>
{/if}
</div>
{/if}

Es como lo que tienes pero sin el overflow:scroll en el div de la descripción corta. En el css no se como lo tienes, no sé si ademas has metido codigo en el editor de texto, lo mejor sería quitarlo e irlo poniendo según te vaya quedando

 

[Dany developer]

ammm el codigo que me presentas no funciono hace lo mismo que el mio al parecer y como te lo habia mencionado no le movi nada al codigo hasta que me empezo a presentar este detalle.

 

No crees que se ala forma en que introduje los datos, te lo dijo por que este detalle solo falla con algunos productos no con todos.

 

Saludos

[nadie]

Prueba añadir esto:

 

#product #short_description_content {
word-wrap: break-word;
}


#product #idTab1 {
word-wrap: break-word;
}

en el fichero: global.css de tu plantilla.