contenedor auto ajustable

[chaile]

hola gente! no puedo encontrar la solucion .. quiza aqui me ayuden como siempre lo han echo... el tema es el siguiiente... tengo mi contenedor al cual siempre tengo q ir cambiando el height segun el contenido de la tabla q esta dentro... me gustaria q el contenedor se ajuste automaticamente de acuerdo a la tabla que esta dentro de esta div contenedor..
AQUI VA EL CODIGO...(ESPERO SE ENTIENDA)

#contenedor {
width: 903px;
margin-top: 17px;
margin-right: auto;
margin-left: auto;
border-right-style: none;
border-left-style: solid;
border-right-color: #FFF;
border-left-color: #FFF;
border-top-style: none;
border-bottom-style: none;
border-left-width: 2px;
height: 290cm;
background-image: none;
background-repeat: repeat-x;
background-color: #FFF;
}

<div id="contenedor">
<div id="encabezado">
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="903" height="78">
<param name="movie" value="imagenes/banner flash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="imagenes/banner flash.swf" width="903" height="78">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
<div>
<h4>El contenido de esta p&aacute;gina requiere una versi&oacute;n m&aacute;s reciente de Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>

<div id="menu">
<ul>
<li><a href="index.html">inicio</a></li>
<li><a href="locales.html">locales</a></li>
<li><a href="entrevistas.html">entrevistas</a></li>
<li><a href="deportes.html">deportes</a></li>
<li><a href="sociales_1.html">sociales</a></li>
<li><a href="columnas.html">columnas</a></li>
<li><a href="nacionales.html">nacionales</a></li>
</ul>

<table width="590" height="100%" align="left" id="contenido" >
<tr>
<td height="49"><h5 style="color:#636466">GRAN PREMIO PEDALEANDO </h5>
<h3><a href="deportes_157.html">Segundo puesto para Gerardo G&oacute;mez en Mar del Plata &nbsp;</a></h3>
<h6 style="color:#636466"><em>Jueves, 16 de septiembre de 2010</em></h6></td>
</tr>
</div>
<div id="pie">www. doloresdiario.com.ar </div>

[matius]

¿Y por que no le quitas el height al contenedor, si es que quieres que sea el contenido el que lo dirija?

Digo, porque no hay otra manera, salvo cuando la table supera el tamaño del Div

[chaile]

le saque el height al contenedor y se adapta hasta el botton del menu horizontal...

[DragonX]

proba esto:

Código CSS:

#contenedor {
width: 903px;
margin: 17px auto 0 auto;
margin-right: auto;
margin-left: auto;
border-right-style: none;
border-left-style: solid;
border-right-color: #FFF;
border-left-color: #FFF;
border-top-style: none;
border-bottom-style: none;
border-left-width: 2px;
overflow:hidden;
background-image: none;
background-repeat: repeat-x;
background-color: #FFF;
}
 

Slds

[chaile]

funciono! pero ahora el pie se despego del div contenedor unos 10 px...

[chaile]

a pero solo lo veo asi en el dreamw.. en el mozila se ve bien, pero en IE (no lo quiero ni nombrar,, se corta al final de otra tabla q tengo a la derecha... le pongo 100% a la tabla de laderecha a ver si llega hasta abajo??mmm probaré...

[chaile]

aqui lo podran notar si lo abren con internet explorer... www.doloresdiario.com.ar

[DigInDreams]

Si lo haces mediante javascript obten el valor de height mediante un "getElementById" y siempre con javascript que se coloque a la tabla, aunque sería algo un poco más complejo, yo sugiero quitarle el valor height y que se ajuste en forma automática.

AlejandroM!
DigInDreams LSC - Aprende haciéndolo™ [[email protected]]

[chaile]

y alguna idea sin java?? si le saco el height se acomoda pero solo hasta el final de la div "menu"

[DragonX]

<table height="9900" align="left" width="590" id="contenido">

modifica eso de tu pagina....

[chaile]

es q ese 9900 se lo tengo q variar dia a dia cada vez q agrego contenido a la tabla... si ahi pongo 100% o auto, no pasa nada, debido a que "contenido" es la tabla q contiene todo la informacion, q a su vez esta tabla esta dentro del div "contenedor"... si le pongo a esta div 100% o auto, se ajusta solo hasta el botton de el menu horizontal...

[chaile]

ayuda porfavor

[chaile]

creo haber probado varias combinaciones y no doy en la tecla...