Problemas con la altura (height) de un DIV o contenedor

[zsamer]

Hola tengo buscador en ajax que funciona perfecto, éste es cargado en un div:

Código PHP:

  <div id="contededor_buscador"></div>  
   

El problema es que necesito dar altura (height) para que se adapte al contenido que muestra en el DIV o contenedor, el problema es con un background que hay en la columna o td de la misma tabla que esta el div.

no se si me he explicado bien.

Muchas gracias y saludos.



zsamer

[mape367]

Hola zsamer

No entindi muy bien tu pregunta, te propongo algo.

Porque no posteas unas imagenes de lo que sucede (captura de pantalla), asi podriamos enterder mejor tu problema para poder ayudarte.

Saludos.

[zsamer]

Muchas gracias por responder:

Aqui va la imágen con el problema en el div.


Si todabía no queda muy claro mi problema, lo vuelvo a explicar de otra manera.

PD: No es tan facil de explicar.

Saludos

zsamer.

[dabas]

a lo mejor la propiedad que necesitas es:

Código PHP:

  document.getElementById('contededor_buscador').offsetHeight  
   

[B**]

Prueba poniendo :

Código PHP:

  <div style="height:100%;"> 
//El contenido se ajustara al tamaño del div 
</div>  
   

Espero te sirva!
! Saludos !

[zsamer]

Iniciado por B**

Prueba poniendo :

Código PHP:

  <div style="height:100%;">
//El contenido se ajustara al tamaño del div
</div>  
   

Espero te sirva!
! Saludos !

el gran problema que tengo es que ajax retorna contenido en el div, pero no lo muestra en codigo html, es decir el div siempre va a tener "cero contenido html" dentro de el, pero ajax retorna la peticion dentro del div pero no lo muestra, al no mostrarlo el div queda siempre de la siguiente manera:

Código PHP:

  <div id="contededor_buscador"></div>  
   

esto implica que no puedo dar un height en el div ya que fisicamente no tiene contenido (pero si es retornado), ahí es el problema, debe de existir alguna forma de darle una dimension dependiendo del retorno a la petición que es entregada por ajax.

[B**]

Mm no entiendo,.. cuando tu defines un div... pone el height al 100%, cuando lo llames por medio de ajax.. se ajustara al contenido q retorne... (aunque no lo he probado, pienso q debe de funcionar...)

[stock]

mira, en el primer estas diciendo que estas usando una tabla, actualmente para poder maquetar correctamente un sitio, ya no se usan las tablas, ahora se usan los layout o divs, entonces puedes tener un mejor control en cada contenedor....

vi la imagen de tu sitio, y no veo la necesidad de usar tablas, unicamente escribe correctamente la semantica de tu documento XHTML, usa divs, con posiciones absolutas o realtivas, segun sea tu necesidad, luego de eso veras que es muy sencillo controlar las dimenciones de los contenedores, pues lo manejas en pixeles....

have funnnnnn

[zsamer]

Iniciado por stock

mira, en el primer estas diciendo que estas usando una tabla, actualmente para poder maquetar correctamente un sitio, ya no se usan las tablas, ahora se usan los layout o divs, entonces puedes tener un mejor control en cada contenedor....

vi la imagen de tu sitio, y no veo la necesidad de usar tablas, unicamente escribe correctamente la semantica de tu documento XHTML, usa divs, con posiciones absolutas o realtivas, segun sea tu necesidad, luego de eso veras que es muy sencillo controlar las dimenciones de los contenedores, pues lo manejas en pixeles....

have funnnnnn

correcto, tienes toda la razon, pero el tema es que yo solo programo en php+smarty, yo recivo el html que me lo envía un diseñador, el diseñador utiliza hasta donde yo tengo entendido macromedia fireworks para generar el codigo html en tablas (a trabez de slice), solo manipulo el html para trbajar con ajax y smarty.

este es el codigo;

Código PHP:

  <td width='100%' valign='top'> 
<TABLE height="100%" cellSpacing=0 cellPadding=0 border=0 VALIGN="TOP"> 
<TR height="100%"> 
<TD vAlign=top height="100%"> 
<div style="height:100%;" id="IniciarBusqueda"></div> 
</TD> 
</TR> 
</TABLE> 
<td> 
<td valign="top"> 
 
<table border="0" cellpadding="0" cellspacing="0" width="226" height="100%"> 
  <tr> 
   <td valign="top" colspan="2"><img name="right_r1_c1" src="skins/ideas/images/right_r1_c1.jpg" width="226" height="9" border="0" id="right_r1_c1" alt="" /></td> 
  </tr> 
  <tr height="100%"> 
  <td width="30"></td> 
   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
      <tr> 
       <td valign="top"> 
       {include file="bloques/box_propiedades.tpl"} 
       </td> 
       <td background="skins/ideas/images/right_r2_c2.jpg" width="6"></td><!-- ESTE ES EL BACGROUND--> 
      </tr> 
    </table></td> 
  </tr> 
</table> 
 
</td>  
   

Hay alguna forma de poder traspasar las tablas html sin complicaciones a CSS (DIV), Alguna herramienta que emgenere los contenedores y la hoja de estilo con su respectivos style de los div?

gracias y saludos

[zsamer]

ninguna forma de solucionarlo?

[stock]

puessss hasta donde yo sepa no.... pero "came on", no es nada complejo escribir el XHTML otra vez, ami el diseniador solo me pasa las imagenes y yo me encargo de escribir correctamente el codigo y todo lo demas...

have funnnnn