expandir div

[ACX_POISON]

Gracias X leerlo

Amigos quisiera su ayuda, tengo un div dentro del cual hay un <select> que se carga dinamicamente lo cual lo hace variar de largo. ¿como puedo hacer que el div que lo contiene se ajuste automaticamente al ancho de este select...?

Gracias

[willyfc]

Hola

mira podrías hacer esto:

Código:

<style type="text/css">
.cont{ width:auto; height:auto; border:1px solid #000000; display:inline-table;_display:inline; float:left; margin-left:3px}
</style>

y en select

Código:

 <div class="cont">
  <select name="select" size="1">
<option>Esta cadena es mas larga</option>
  </select>
</div>

en el estilo el _display:inline; float:left y margin-left son por el ie6 puedes hacerlo variar.

espero te sirva

[dacho]

Hola ACX_POISON, si quieres que se adapte al tamaño, no le coloques width al div que contiene el select. y Para agrandar el tamaño del div utiliza el padding del div y el margin del select.

Depende mucho que es lo que tienes adentro del div. Deberias tener en cuenta limitar l cantidad de caracteres del select tambien, porque los tamaños de los monitores no son infinitos.

Porque no colocas el codigo para que te ayudemos mejor y veamos el caso?...

Saludos.

[ACX_POISON]

gracias X responder
asiendo unas pruebas aparentemente funciono, pero igual les dejo el codigo para mejorarlo
<style>

#Layer1 #frm #carreraX {
background-image: url(../../images/2x/fondo_bg_3.jpg);
background-repeat: repeat-x;
background-position: center;
overflow: visible;
padding: 10px;
float: left;
}

div del <select>

<form action="respuestas_coord.asp" method="post" name="frm" id="frm">
<div id="carreraX">
&nbsp;
<!--#include file="funcion_select.asp" -->
<%generaCarrera()%>
<input name="Submit" type="submit" class="boton" value="Ver" onMouseOver="ddrivetip('Selecciona la Carrera y luego click Aqui', 150)";
onMouseOut="hideddrivetip()">
</div>

</form>

PD el estylo lo hice solo probando, No se que tan bien estará...