Uso de la altura máxima en el elemento DIV

Tengo un elemento DIV que está configurado para contener un elemento de tabla.Uso de la altura máxima en el elemento DIV

El elemento de la tabla tendrá desde 0 hasta más de 350 filas.

Pensé que la forma más sencilla de dimensionar este elemento DIV era aplicar la propiedad de altura máxima para que el elemento DIV creciera a medida que se agregaba contenido y agregar una barra de desplazamiento una vez que el contenido superara la propiedad de altura máxima.

Código:

<div style="max-height:209px;overflow:auto;"> 
    <table> 
     <tr><td>CONTENT</td></tr> 
    </table> 
</div>

Lo que obtengo en cambio, es que cuando el contenido alcanza el límite máximo de la altura, en lugar de aplicar la propiedad de desbordamiento, el elemento div sigue creciendo.

Por supuesto, esto solo ocurre en IE7. Firefox y Safari funcionan como están diseñados.

EDIT: Bueno, aquí está toda la página HTML, ctrl +f "distancias" para el área que estoy teniendo problemas.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<title>Voyage Planning | Tools | Discharge Ports</title> 
    <link rel="shortcut icon" type="image/x-icon" href="/vp/favicon.ico" /> 
<!--[if gte IE 6]><!--> 
    <link rel="stylesheet" type="text/css" href="/vp/_assets/css/screen.css" media="screen,projection,print" /> 
    <script type="text/javascript" src="/vp/_assets/js/jquery-1.2.3.min.js"></script> 
    <script type="text/javascript" src="/vp/_assets/js/main.js"></script> 
    <!--<![endif]--> 
</head> 
<body> 
<script language="javascript" type="text/javascript"> 
<!-- 
function dischargeport_selected() 
{ 
    if (document.postform.dpid.value == "") 
    { window.location.href = "/vp/tools/dischargeports.asp"; } 
    else 
    { window.location.href = "/vp/tools/dischargeports.asp?dpid=" + document.postform.dpid.value; } 
} 

function submitform() 
{ 
    if (validateform() && confirm("Are you sure you want to update this discharge port?")) 
    { 
    document.getElementById("spinner").style.display = "block"; 
    document.getElementById("update").style.display = "none"; 
    document.getElementById("spinner").innerHTML = "<img src='/vp/_assets/img/spinner.gif' alt='' />"; 
    } 
    else 
    { return false; } 
} 
function validateform() 
{ 
    var isformcomplete = true; 
    message = "The following tasks need to be completed  \nbefore continuing:\n\n"; 

    if (document.postform.name.value == "") 
    { 
    message += "* Enter the discharge port's name\n"; 
    isformcomplete = false; 
    } 
    if (!is_numeric(document.postform.transittime.value)) 
    { 
    message += "* Transit times must be numeric\n"; 
    isformcomplete = false; 
    } 
    if (!is_numeric($("#port_costs").val())) 
    { 
    message += "* Port costs must be numeric\n"; 
    isformcomplete = false; 
    } 
    if (isformcomplete == false) 
    { 
    alert(message); 
    } 
    return isformcomplete; 
} 
//--> 
</script> 
<div id="container"> 
<div id="content"> 
    <div id="header"> 

    <div id="development"> 
    WEB SERVER:&nbsp; 
    <span class="highlight">&nbsp;DEV&nbsp;</span> 
    &nbsp;SQL SERVER:&nbsp; 
    <span class="highlight">&nbsp;DEV&nbsp;</span> 
    </div> 

<span class="logo"><img src="/vp/_assets/img/header/logo.gif" /></span> 
    <span class="randomPics"><img src="/vp/_assets/img/header/header4.gif" /></span> 
</div> 
<div class="clear"></div> 
     <div id="menu"> 
     <span class="nav"> 
      <a href="/vp/index.asp">Main Menu</a>&nbsp;&gt; 
       <a href="/vp/tools.asp">Tools</a>&nbsp;&gt; 
       Discharge Ports 
      </span> 
      <span class="icons"><a href="/vp/tools/dischargeports.asp" class="tooltip" title="Add discharge port"><img src="/vp/_assets/img/icons/new.gif" alt="New" /></a><span class="spacer"></span><a href="/vp/scripts/logoff.asp" class="tooltip" title="Logoff"><img src="/vp/_assets/img/icons/logoff.gif" alt="Logoff" /></a></span> 
     </div> 
     <table> 
     <caption>Edit discharge port</caption> 
     </table> 

     <br /> 
     <form method="post" action="/vp/tools/scripts/updatedischargeport.asp" name="postform" onSubmit="return submitform();"> 
     <input type="hidden" name="fromsubmit" value="true" /> 
     <input type="hidden" name="edit" value="true" /> 
     <table class="form fourcolumn"> 
      <tr> 
       <th><span class="tooltip long" title="To edit an existing discharge port, select one from the drop down list">Discharge ports</span></th> 
       <td> 
       <select name="dpid" class="large" onChange="dischargeport_selected();"> 
        <option value="" ></option> 

        <option value="14" >AG [BUE] BUENOS AIRES</option> 

        <option value="126" >AG [ZZZ] Test</option> 

        <option value="107" >AG [ZAR] ZARATE</option> 

        <option value="4" selected="selected">AL [ALG] ALGERIA</option> 

        <option value="15" >AR [BUE] BUENOS AIRES</option> 

        <option value="109" >AR [CAM] CAMPANA</option> 

        <option value="27" >AR [DEL] DETLA DOCK</option> 

        <option value="55" >AR [MON] MONTEVIDEO</option> 

        <option value="108" >AR [ZAR] ZARATE</option> 

        <option value="3" >AU [ADE] ADELAIDE</option> 

        <option value="13" >AU [BRI] BRISBANE</option> 

        <option value="53" >AU [MEL] MELBOURNE</option> 

        <option value="116" >AU [NWC] NEW CASTLE</option> 

        <option value="65" >AU [PTK] PORT KEMBLA</option> 

        <option value="95" >AU [SYD] SYDNEY</option> 

        <option value="102" >AU [WEL] WELLINGTON</option> 

        <option value="5" >BL [ANT] ANTOFAGASTA</option> 

        <option value="8" >BL [ARI] ARICA</option> 

        <option value="110" >BR [ANG] ANGRA DOS REIS</option> 

        <option value="7" >BR [ARA] ARATU</option> 

        <option value="86" >BR [SEP] ITAGUAI</option> 

        <option value="63" >BR [PAR] PARANAGUA</option> 

        <option value="76" >BR [REC] RECIFE</option> 

        <option value="77" >BR [RGR] RIO GRANDE</option> 

        <option value="114" >BR [SAL] SALVADOR</option> 

        <option value="81" >BR [SAN] SANTOS</option> 

        <option value="113" >BR [FRA] SAO FRANCISCO DO SUL</option> 

        <option value="83" >BR [SAO] SAO SEBASTIAO</option> 

        <option value="78" >CA [RIJ] RIJEKA</option> 

        <option value="6" >CH [ANT] ANTOFAGASTA</option> 

        <option value="9" >CH [ARI] ARICA</option> 

        <option value="48" >CH [LIR] LIRQUEN</option> 

        <option value="82" >CH [SAN] SAN ANTONIO</option> 

        <option value="11" >CL [BAR] BARRANQUILLA</option> 

        <option value="16" >CL [BUE] BUENAVENTURA</option> 

        <option value="121" >CL [CAR] CARTAGENA</option> 

        <option value="25" >CN [DAL] DALIEN</option> 

        <option value="29" >CN [FNC] FANGCHENG</option> 

        <option value="120" >CN [LIA] LIANYUNGANG</option> 

        <option value="60" >CN [NAN] NANJING</option> 

        <option value="111" >CN [NTG] NANTONG</option> 

        <option value="73" >CN [QIN] QINHUANGDAO</option> 

        <option value="87" >CN [SHA] SHANGHAI</option> 

        <option value="88" >CN [SHE] SHEKOU</option> 

        <option value="18" >CR [CAL] CALDERA</option> 

        <option value="80" >DR [RIO] RIO HAINA</option> 

        <option value="32" >EC [GUA] GUAYAQUIL</option> 

        <option value="125" >EG [ALX] ALEXANDRIA</option> 

        <option value="17" >EG [CAI] CAIRO</option> 

        <option value="2" >ES [ACA] ACAJUTLA</option> 

        <option value="68" >GU [PTQ] PUERTO QUETAZAL</option> 

        <option value="69" >HN [PTQ] PUERTO QUETZAL</option> 

        <option value="36" >ID [JAK] JAKARTA</option> 

        <option value="40" >ID [KAU] KUATAN</option> 

        <option value="52" >ID [MED] MEDAN</option> 

        <option value="85" >ID [SEM] SEMARANG</option> 

        <option value="94" >ID [SUR] SURABAYA</option> 

        <option value="19" >IN [CAL] CALCUTTA</option> 

        <option value="38" >IN [KAN] KANDLA</option> 

        <option value="33" >IS [HAI] HAIFA</option> 

        <option value="42" >JM [KIN] KINGSTON</option> 

        <option value="21" >JP [CHI] CHIBA</option> 

        <option value="122" >JP [HAK] HAKATA</option> 

        <option value="41" >JP [KAW] KAWASAKI</option> 

        <option value="43" >JP [KOK] KOKURA</option> 

        <option value="49" >JP [MAI] MAIZURU</option> 

        <option value="54" >JP [MIZ] MIZUSHIMA</option> 

        <option value="61" >JP [NAN] NAN-YO TOSOH</option> 

        <option value="119" >JP [NII] NIIHAMA</option> 

        <option value="123" >JP [ONA] ONAHAMA</option> 

        <option value="62" >JP [OSA] OSAKA</option> 

        <option value="89" >JP [SHI] SHIKIMA</option> 

        <option value="96" >JP [TAC] TACHIBANA</option> 

        <option value="104" >JP [YOK] YOKKAICHI</option> 

        <option value="35" >KR [INC] INCHEON</option> 

        <option value="46" >KR [KUN] KUNSAN</option> 

        <option value="71" >KR [PUS] PUSAN</option> 

        <option value="50" >KR [MAI] TRANSHIP TO MAIZURU</option> 

        <option value="101" >KR [ULS] ULSAN</option> 

        <option value="12" >ML [BIN] BINTULU</option> 

        <option value="45" >ML [KUA] KUANTAN</option> 

        <option value="64" >ML [PAS] PASIR GUDANG</option> 

        <option value="66" >ML [PTK] PORT KLANG</option> 

        <option value="58" >MV [MV] &nbsp;MEXICO - VITRO</option> 

        <option value="59" >MX [MX] &nbsp;MEXICO - NON-VITRO</option> 

        <option value="47" >NI [LAG] LAGOS</option> 

        <option value="57" >NZ [MTM] MT MANGANUE</option> 

        <option value="99" >NZ [TAU] TAURANGA</option> 

        <option value="103" >NZ [WEL] WELLINGTON</option> 

        <option value="10" >PA [BAL] BALBOA</option> 

        <option value="20" >PE [CAL] CALLAO</option> 

        <option value="72" >PK [QAS] </option> 

        <option value="39" >PK [KAR] KARACHI</option> 

        <option value="51" >PL [MAN] MANILA</option> 

        <option value="30" >PO [GDA] GDANSK</option> 

        <option value="91" >PO [STE] STETTIN</option> 

        <option value="84" >PO [SCZ] SZCZECIN</option> 

        <option value="117" >RA [KLA] KLAIPEDA</option> 

        <option value="115" >RA [SPT] ST. PETERSBURG</option> 

        <option value="79" >RJ [RIJ] RIJEKA WAREHOUSE</option> 

        <option value="23" >SA [CT] &nbsp;CAPE TOWN</option> 

        <option value="28" >SA [DUR] DURBAN</option> 

        <option value="90" >SG [SIN] SINGAPORE</option> 

        <option value="26" >SI [DAM] DAMMAM</option> 

        <option value="37" >SI [JED] JEDDAH</option> 

        <option value="74" >SI [RAK] RAK</option> 

        <option value="92" >TG [SUA] SUAO</option> 

        <option value="97" >TG [TAI] TAICHUNG</option> 

        <option value="1" >TH [01] &nbsp;KOS</option> 

        <option value="44" >TH [KOS] KOSICHANG</option> 

        <option value="31" >TK [GEM] GEMLIK</option> 

        <option value="100" >TK [TEK] TEKIRDAG</option> 

        <option value="70" >TR [PTS] PORT OF SPAIN</option> 

        <option value="124" >TW [KEE] KEELUNG</option> 

        <option value="93" >TW [SUA] SUAO</option> 

        <option value="98" >TW [TAI] TAICHUNG</option> 

        <option value="75" >UE [RAK] RAS AL KHAIMAH</option> 

        <option value="56" >UR [MON] MONTEVIDEO</option> 

        <option value="22" >VN [CL] &nbsp;CAI LAN</option> 

        <option value="34" >VN [HO] &nbsp;HO CHI MIN</option> 

        <option value="24" >VZ [CUM] CUMANA</option> 

        <option value="67" >VZ [PTO] PUERTO CABELLO</option> 

       </select> 
       </td> 
       <td colspan="2"></td> 
      </tr> 
      <tr><td class="break" colspan="4"><hr /></td></tr> 
      <tr> 
      <th>Country</th> 
       <td> 

         <strong>AL [Algeria]</strong> 

       </td> 
       <td colspan="2"></td> 
      </tr> 
      <tr> 
      <th>Code</th> 
       <td> 

         <strong>ALG</strong> 

       </td> 
       <td colspan="2"></td> 
      </tr> 
      <tr><td class="break" colspan="4"><hr /></td></tr> 
      <tr> 
      <th>Name<span class="required">*</span></th> 
       <td><input type="text" class="large" name="name" value="ALGERIA" maxlength="30" /></td> 
       <td colspan="2"></td> 
      </tr> 
      <tr><td class="break" colspan="4"><hr /></td></tr> 
      <tr> 
      <th>Surveyor</th> 
       <td><input type="text" class="large" name="surveyor" value="SGS" maxlength="30" /></td> 
       <td colspan="2"></td> 
      </tr> 
      <tr> 
      <th>Ship agent</th> 
       <td><input type="text" class="large" name="shipagent" value="EUROMAR" maxlength="30" /></td> 
       <td colspan="2"></td> 
      </tr> 
      <tr> 
      <th>Transit time</th> 
       <td><input type="text" class="small" name="transittime" value="0" maxlength="3" /></td> 
       <td colspan="2"></td> 
      </tr> 
      <tr><td class="break" colspan="4"><hr /></td></tr> 
      <tr> 
      <th>Port costs</th> 
       <td><input type="text" class="small" name="port_costs" id="port_costs" value="0" maxlength="10" />&nbsp;<strong>($)</strong></td> 
       <td colspan="2"></td> 
      </tr>    
     </table> 

      <br /> 
      <table><caption class="subcaption">Distance to load ports</caption></table> 
       <br /> 

       <table class="form fourcolumn"> 
       <tr> 
        <th>Load ports</th> 
        <td> 
         <select name="add_loadport" class="large"> 
         <option value="" selected="selected"></option> 

           <option value="BEA" >BEA [BEAUMONT]</option> 

           <option value="BRO" >BRO [BROWNSVILLE]</option> 

           <option value="CAS" >CAS [CASTELLON ESP]</option> 

           <option value="LAR" >LAR [LAREDO]</option> 

           <option value="LBC" >LBC [LONG BEACH CA.]</option> 

           <option value="LON" >LON [LONGVIEW WA]</option> 

           <option value="LOS" >LOS [LOS ANGELES]</option> 

           <option value="OTH" >OTH [OTHER]</option> 

           <option value="POR" >POR [PORT ARTHUR TX]</option> 

           <option value="PTL" >PTL [PORTLAND OR.]</option> 

           <option value="RAK" >RAK [RAS AL KAIMAH]</option> 

           <option value="RIJ" >RIJ [RIJEKA]</option> 

           <option value="SAN" >SAN [SAN DIEGO CA]</option> 

           <option value="TRO" >TRO [TRONA]</option> 

           <option value="ZZZ" >ZZZ [Test]</option> 

         </select> 
         </td> 
         <th>Nautical miles</th> 
         <td><div style="float:left;"><input type="text" class="small" name="add_loadport_nauticalmiles" id="add_loadport_nauticalmiles" value="0" maxlength="10" /></div><div style="float:right;"><img src="/vp/_assets/img/buttons/add.gif" name="add_loadport_btn" id="add_loadport_btn" alt="" /></div></td> 
        </tr> 
    </table>   
       <br /> 
       <div style="max-height:197px;overflow:auto;"> 
       <table class="distances"> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        <tr> 
         <th>To</th> 
         <td>[BRO] BROWNSVILLE</td> 
          <th>Nautical miles</th> 
          <td><input type="text" class="small" name="" id="" value="0" maxlength="10" /></td> 
         </tr> 

        </table> 
       </div>    
       <br /> 
       <table><caption class="subcaption">Distance to discharge ports</caption></table> 
       <br /> 

       <table class="form fourcolumn"> 
       <tr> 
        <th>Discharge ports</th> 
        <td> 
         <select name="add_dischargeport" class="large"> 
         <option value="" selected="selected"></option> 

           <option value="14" >AG [BUE] BUENOS AIRES</option> 

           <option value="126" >AG [ZZZ] Test</option> 

           <option value="107" >AG [ZAR] ZARATE</option> 

           <option value="4" >AL [ALG] ALGERIA</option> 

           <option value="15" >AR [BUE] BUENOS AIRES</option> 

           <option value="109" >AR [CAM] CAMPANA</option> 

           <option value="27" >AR [DEL] DETLA DOCK</option> 

           <option value="55" >AR [MON] MONTEVIDEO</option> 

           <option value="108" >AR [ZAR] ZARATE</option> 

           <option value="3" >AU [ADE] ADELAIDE</option> 

           <option value="13" >AU [BRI] BRISBANE</option> 

           <option value="53" >AU [MEL] MELBOURNE</option> 

           <option value="116" >AU [NWC] NEW CASTLE</option> 

           <option value="65" >AU [PTK] PORT KEMBLA</option> 

           <option value="95" >AU [SYD] SYDNEY</option> 

           <option value="102" >AU [WEL] WELLINGTON</option> 

           <option value="5" >BL [ANT] ANTOFAGASTA</option> 

           <option value="8" >BL [ARI] ARICA</option> 

           <option value="110" >BR [ANG] ANGRA DOS REIS</option> 

           <option value="7" >BR [ARA] ARATU</option> 

           <option value="86" >BR [SEP] ITAGUAI</option>

Fuente

2009-07-20 Tom

Su código funciona en IE ... crece la tabla normalmente con contenido, cuando llega a 209px comienza a desbordarse. ¿Que estás tratando de hacer? –

Ok, agregué el código HTML completo de la página que no puedo ponerme a trabajar en IE7. – Tom

Oh querido. XHTML escrito por alguien que no entiende XML (con una secuencia de comandos que está comentada para que no se ejecute si el documento se procesa como XML). – Quentin

http://msdn.microsoft.com/en-us/library/ms530809(VS.85).aspx

dice que max-height no funciona con tablas. intenta eliminar la tabla que está dentro de tu div.

Fuente

2009-10-05 12:55:15

La altura máxima se establece en el div externo, no en la tabla –

Intente configurar solo la altura y desborde para 'desplazarse'. Visualmente, es posible que no haya una diferencia entre que el out-box sea de altura completa, y que no sea de altura completa. Si ese es el caso, simplemente me abstendré de usar la altura máxima en lugar de la altura.

¿Podría mostrarnos un poco más de su código, o quizás una demostración en línea? Me interesaría ver algunos de los css y el doctype.

Fuente

2009-07-20 14:46:20 Sampson

Eso funciona pero esperaba evitar que, al hacerlo, el contenedor div tenga una altura de 200px, incluso si solo hay un elemento contenido en él. – Tom

¿Podría mostrarnos más de su código? ¿Principalmente tu doctype? – Sampson

No tengo un doctype declarado. – Tom

¿Qué versión de IE7 estás utilizando? El soporte de altura máxima no se agregó hasta la versión beta 2.

La barra de desplazamiento aparece en la Vista de compatibilidad (el motor IE7) en IE8.

¿Estás seguro de que no estás utilizando IE6?

Fuente

2009-07-20 14:53:59 Emily

Sí, estoy usando la versión 7.0.5730.13 – Tom

IE ha admitido la altura máxima desde IE7 — pero solo en Standards (AKA Strict) mode.

Asegúrese de tener un Doctype que desencadena el modo estándar como lo primero en su documento. (El modo Quirks puede estropear un lote de cosas, así que nunca escriba un documento sin un modo de Estándares que active Doctype a menos que tenga una muy buena razón para hacerlo).

Fuente

2009-07-20 14:55:10 Quentin

Aunque estoy completamente de acuerdo con la declaración de usar el modo estándar ... Acabo de probar esto en xhtml strict y html 4.01 transitional en IE7 y se comporta correctamente en ambos - su problema está en otra parte. –

max-height funciona tanto en estándares como en modos casi estándares. Mientras declare el doctype con un identificador de sistema (el enlace dtd) IE7 renderizará la página en modo casi estándar. –

Casi el modo estándar es un concepto de Gecko. IE solo tiene dos modos. Estricto se puede activar con un Doctype de transición HTML 4.01 (solo necesita usar el identificador del sistema así como también el identificador público). XHTML 1.0 Strict activará el modo Estándares con o sin un identificador de sistema (pero el Doctype dado en la especificación usa uno, por lo que también debería hacerlo). – Quentin

Acabo de copiar y pegar el código, y luego solté un bucle de php para crear 200 filas o solo 2 y se comporta igual en IE 7, Safari y Firefox.

Probablemente no esté declarando un doctype, que crea el problema que está describiendo en mi prueba.

O en su código real no ha definido correctamente el desbordamiento: automático. Su problema es exactamente lo que sucedería si ese fuera el caso.

Se define aquí en la pregunta, pero tal vez no su código.

Fuente

2009-07-20 15:02:00

Sí, estoy perplejo, no puedo hacer que funcione en IE7 para mí. Publicaré la página completa. No tengo ni idea de cómo declarar tipos de documento, nunca lo he usado. – Tom

Además de max-wdith, se puede utilizar la siguiente expresión para asegurarse de que es compatible con navegadores:

width: expression(this.width > 400 ? "400px" : true); 
height: expression(this.height > 400 ? "400px" : true)

referencia: http://www.fastechws.com/tricks/web/image-max-width-height.php

Fuente

2012-11-18 16:50:59 captainspi

El enlace parece estar obsoleto hace 3 meses. –

Uso de la altura máxima en el elemento DIV

Respuesta

Cuestiones relacionadas