VladislavLysov
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by VladislavLysov
-
Проблема с шириной DIV элементов в IE и FF
VladislavLysov replied to VladislavLysov's question in HTML Coding
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Не помогло. -
Здравствуйте. Наткнулся на такую проблему. Есть следующий код для страницы <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Audit Log</title> <style type="text/css"> html {font-family: arial; font-size: 9pt} table {font-size: 9pt;} h1,h2,h3 {font-style: bold} div.container {display: inline-block; border: 2px solid black; padding: 4px;margin-bottom: 32px;background-color: #f6f6f6} h1 {font-size: 14pt;margin: 4px 0px 4px 0px}h2 {font-size: 12pt;margin: 12px 6px 6px 26px} h3 {margin: 0px 4px 4px 4px;font-size: 10pt;font-style: italic} table.itemHeader td {border: 1px solid black;padding: 2px 4px 2px 4px;background-color: white;font-weight: bold; font-size: 10pt; padding: 4px;width: 20%} div.set {border: 1px solid black;padding: 4px; margin-bottom: 4px} div.NEW {background-color: #c2e5e9} div.MODIFIED {background-color: #c3c2e9} div.DELETED {background-color: #cce9c2}table.row {border-collapse: collapse;border: 1px solid black} table.row td,th {border: 1px solid #444444;padding: 2px;background-color: white} table.row th {text-align: center;background-color: #e9e8c2;padding: 4px} table.MODIFIED table {border-collapse: collapse; border: 0} span.image {color: #0000e3;} table.MODIFIED table td {border: 0} span.empty {color: #e30000; font-style: italic} span.changedTo {color: green} </style> <body> <div class="container"> <h1>Testlog item</h1> <div> <table class="itemHeader"><tbody><tr><td>test: 26</td><td>Activity Profile: Standard Synthesis</td><td>User: 111</td><td>Date: 22-APR-2011 14:02:38 GMT</td><td>Action: Save, 3 inserts / 1 update / 0 delete</td></tr></tbody></table> </div> <h2>Insert</h2> <div class="set NEW"> <h3>BATCH</h3> <table class="row NEW"><tbody><tr><th>ASSAY_ID</th><th>BATCH_DESC</th><th>BATCH_ID</th><th>CREATED_IN_THIS_EXP</th><th>ECM_FOLDER_EXISTS</th><th>FROM_BATCH_ID</th><th>RANK</th></tr><tr><td>347</td><td>26.001</td><td>114</td><td>true</td><td>false</td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td></tr></tbody> </table> </div> <div class="set NEW"> <h3>ANALYTICAL_FORM</h3> <table class="row NEW"> <tbody><tr><th>AMOUNT_SUBMITTED</th><th>AMOUNT_SUB_UNIT_DESCRIPTION</th><th>AMOUNT_SUB_UNIT_ID</th><th>ANALYTICAL_STATUS_DESCRIPTION</th><th>ANALYTICAL_STATUS_ID</th><th>APPEARANCE_DESCRIPTION</th><th>APPEARANCE_ID</th><th>BATCH_ID</th><th>BATCH_TYPE_DESCRIPTION</th><th>BATCH_TYPE_ID</th><th>BOILING_POINT_DESCRIPTION</th><th>BOILING_POINT_PRESSURE</th><th>COLOR_DESCRIPTION</th><th>COLOR_ID</th><th>COMMENTS</th><th>CORPORATE_NUMBER</th><th>ENANTIOMERIC_EXCESS</th><th>HANDLING_CODES</th><th>HIGH_BOILING_POINT</th><th>HIGH_MELTING_POINT</th><th>HPLC_PURITY</th><th>IF_AMOUNT_SUBMITTED_CALCULATED</th><th>IF_AMOUNT_SUBMITTED_ERROR</th><th>IS_DESICCATOR</th><th>IS_REGISTERED</th><th>LOW_BOILING_POINT</th><th>LOW_MELTING_POINT</th><th>MELTING_POINT_DESCRIPTION</th><th>OPTICAL_ROTATION</th><th>OPTICAL_ROTATION_CONCENTRATION</th><th>OPTICAL_ROTATION_TEMPERATURE</th><th>OPT_ACTIVITY_SOLV_DESC</th><th>OPT_ACTIVITY_SOLV_ID</th><th>PURIFICATION_SYSTEM</th><th>PURITY_LEVEL</th><th>RETENTION_FACTOR</th><th>SOLUBILITY_DESCRIPTION</th><th>SOLUBILITY_ID</th><th>STATE_DESCRIPTION</th><th>STATE_ID</th><th>STORAGE_CONDITION_DESCRIPTION</th><th>STORAGE_CONDITION_ID</th><th>TOTAL_WEIGHT</th></tr><tr><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td>114</td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td>false</td><td>false</td><td>false</td><td>false</td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td></tr></tbody></table> </div> <div class="set NEW"><h3>RESULT</h3><table class="row NEW"><tbody><tr><th>ACTIVITY_MNT</th><th>ACTIVITY_MNT_UNIT_DESC</th><th>ACTIVITY_MNT_UNIT_ID</th><th>BATCH_ID</th><th>CALCULATED_MNT</th><th>CALCULATED_MOL</th><th>CHEMICAL_YIELD</th><th>CORRECTED_MASS</th><th>COR_MASS_UNIT_DESCRIPTION</th><th>COR_MASS_UNIT_ID</th><th>ESTIMATED_RC</th><th>EXPECTED_MASS</th><th>EXP_MASS_UNIT_DESCRIPTION</th><th>EXP_MASS_UNIT_ID</th><th>IF_ACTIVITY_MNT_CALCULATED</th><th>IF_CALCULATED_MNT_CALCULATED</th><th>IF_CALCULATED_MOL_CALCULATED</th><th>IF_CHEMICAL_YIELD_CALCULATED</th><th>IF_COR_MASS_CALCULATED</th><th>IF_EXP_MASS_CALCULATED</th><th>IF_PURITY_CALCULATED</th><th>IF_RADIOCHEMICAL_CALCULATED</th><th>IF_SPEC_ACTIVITY2_CALCULATED</th><th>IF_SPEC_ACTIVITY_CALCULATED</th><th>IF_YIELD_CALCULATED</th><th>LOAD</th><th>MASS</th><th>MASS_UNIT_DESCRIPTION</th><th>MASS_UNIT_ID</th><th>MOLE</th><th>MOLE_UNIT_DESCRIPTION</th><th>MOLE_UNIT_ID</th><th>PURITY</th><th>RADIOCHEMICAL</th><th>REACTION_ID</th><th>RESULT_ID</th><th>SEEDS</th><th>SEEDS_UNIT_DESCRIPTION</th><th>SEEDS_UNIT_ID</th><th>SPEC_ACTIVITY</th><th>SPEC_ACTIVITY2</th><th>SPEC_ACTIVITY2_UNIT_DESC</th><th>SPEC_ACTIVITY2_UNIT_ID</th><th>SPEC_ACTIVITY_UNIT_DESC</th><th>SPEC_ACTIVITY_UNIT_ID</th><th>YIELD</th></tr><tr><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td>114</td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td>true</td><td>true</td><td>true</td><td>true</td><td>false</td><td>true</td><td>true</td><td>true</td><td>true</td><td>true</td><td>true</td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td>303</td><td>5</td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td><td><span class="empty">empty</span></td></tr></tbody></table> </div><h2>Update</h2><div class="set MODIFIED"><h3>PROTOCOL</h3><table class="row MODIFIED"><tbody><tr><th>DESCRIPTION</th></tr><tr><td><table><tbody><tr><td><span class="empty">empty</span></td><td><span class="changedTo"> ? </span></td><td><div class="khtml" style="font-family: arial; font-size: 9pt; text-align: left; border: 1px solid gray; padding: 4px;"><p style="margin: 0;height: 9pt;"><a href="javascript:"><span>26.001</span></a><span> </span></p> </div></td></tr></tbody></table></td></tr></tbody></table> </div> </div> </body> </html> Проблема в том, что в IE дивы, которые шире экрана, просто растягиваются, а остальные имеют нормальную ширину. Но в FF те дивы, которые не должны растягиваться на всю ширину дива, в котором находятся (например див с заголовком Batch), все равно растягиваются. Перепробовал кучу способов и хаков, но так ни один и не помог. Буду очень благодарен за любую помощь.