Foros del Web » Creando para Internet » CSS »

expandir div

Estas en el tema de expandir div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/11/2008, 07:44
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 9 años, 8 meses
Puntos: 7
Pregunta expandir div

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
__________________
Me junto con los que Saben, Queriendo Saber.
  #2 (permalink)  
Antiguo 05/11/2008, 08:22
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: expandir div

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
  #3 (permalink)  
Antiguo 05/11/2008, 08:24
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 5 meses
Puntos: 21
Respuesta: expandir div

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.
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
  #4 (permalink)  
Antiguo 05/11/2008, 09:19
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 9 años, 8 meses
Puntos: 7
Respuesta: expandir div

gracias X responder
asiendo unas pruebas aparentemente funciono, pero igual les dejo el codigo para mejorarlo
<style>
Cita:
#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>
Cita:
<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á...
__________________
Me junto con los que Saben, Queriendo Saber.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:04.