Foros del web, para los que viven de bits

zsamer · 24-jul-2006, 20:45

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 · 25-jul-2006, 07:13

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 · 25-jul-2006, 08:36

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 · 25-jul-2006, 08:52

a lo mejor la propiedad que necesitas es:

Código PHP:


			
document.getElementById('contededor_buscador').offsetHeight

B** · 25-jul-2006, 10:43

Prueba poniendo :

Código PHP:


			
<div style="height:100%;">

//El contenido se ajustara al tamaño del div

</div>

Espero te sirva!
! Saludos !

zsamer · 25-jul-2006, 11:04

Cita:

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** · 25-jul-2006, 11:11

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 · 25-jul-2006, 11:39

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 · 25-jul-2006, 13:36

Cita:

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 · 26-jul-2006, 07:12

ninguna forma de solucionarlo?

stock · 27-jul-2006, 15:25

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

24-jul-2006, 20:45	#1 (permalink)
zsamer Fecha de Ingreso: noviembre-2003 Mensajes: 787	Problemas con la altura (height) de un DIV o contenedor 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 __________________ Blog Zend Framework: Estado del Arte Bolsa de Ideas

25-jul-2006, 08:36	#3 (permalink)
zsamer Fecha de Ingreso: noviembre-2003 Mensajes: 787	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. __________________ Blog Zend Framework: Estado del Arte Bolsa de Ideas

25-jul-2006, 08:52	#4 (permalink)
dabas Fecha de Ingreso: julio-2006 Mensajes: 14	a lo mejor la propiedad que necesitas es: Código PHP: `document.getElementById('contededor_buscador').offsetHeight`

25-jul-2006, 10:43	#5 (permalink)
B** Fecha de Ingreso: enero-2006 Ubicación: Monterrey,Mexico Mensajes: 952	Prueba poniendo : Código PHP: `<div style="height:100%;"> //El contenido se ajustara al tamaño del div </div>` Espero te sirva! ! Saludos ! __________________ -URL= Go PHP5. -Age=22. -Learning=PHP,J2EE,Struts,MAMBO,C++,JSON,AJAX,XHTML ,CSS.

25-jul-2006, 11:04	#6 (permalink)
zsamer Fecha de Ingreso: noviembre-2003 Mensajes: 787	Cita: 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. __________________ Blog Zend Framework: Estado del Arte Bolsa de Ideas

25-jul-2006, 07:13	#2 (permalink)
mape367 Fecha de Ingreso: noviembre-2004 Ubicación: CDE, Paraguay Mensajes: 200	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.

25-jul-2006, 11:11	#7 (permalink)
B** Fecha de Ingreso: enero-2006 Ubicación: Monterrey,Mexico Mensajes: 952	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...) __________________ -URL= Go PHP5. -Age=22. -Learning=PHP,J2EE,Struts,MAMBO,C++,JSON,AJAX,XHTML ,CSS.

25-jul-2006, 11:39	#8 (permalink)
stock Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL Mensajes: 1.995	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 __________________ Don't hate the languaje, hate the runtime environment Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas

25-jul-2006, 13:36	#9 (permalink)
zsamer Fecha de Ingreso: noviembre-2003 Mensajes: 787	Cita: 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 __________________ Blog Zend Framework: Estado del Arte Bolsa de Ideas

26-jul-2006, 07:12	#10 (permalink)
zsamer Fecha de Ingreso: noviembre-2003 Mensajes: 787	ninguna forma de solucionarlo? __________________ Blog Zend Framework: Estado del Arte Bolsa de Ideas

27-jul-2006, 15:25	#11 (permalink)
stock Fecha de Ingreso: junio-2004 Ubicación: Monterrey NL Mensajes: 1.995	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 __________________ Don't hate the languaje, hate the runtime environment Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado