html - Why wont a td that contains a div stretch to proper size IE7 -

-

my markup is:

<table style="table-layout:fixed">   <tr>     <td class="key">       <div>age:</div>     </td>     <td class="value">       <div>69</div>     </td>   </tr> </table>

and css is:

td.key {   border-left: 1px solid #d6d6d6;   text-align: right;   font-weight: normal;   color: #7f7f7f;   background-color: peachpuff;   width: 115px; }  td.key div {   width: 100%;   background-color: lightseagreen; }

"computed style" screenshots chrome td element:

the td element

"computed style" screenshots chrome div child element:

the div element

now when renders in chrome result:

chrome screenshot

when renders in ie7 result:

ie7 screenshot

not sure i'm doing wrong great!

note: problem not occur on ie8+

if want apply attribute ie7 , below, use * key so:

td.key {   border-left: 1px solid #d6d6d6;   text-align: right;   font-weight: normal;   color: #7f7f7f;   background-color: peachpuff;   width: 115px;   *width: 105px; }

this makes width 115 in browsers, once it's loaded in ie7 or below, sets width 105px cut off space @ end.

it's more of workaround solution, it's still valid.


Comments

Post a Comment

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

-
this related previous question asked: hide / show multiple divs i have code in place previous question , seems work ok apart when change value in dropdown "after" ticket selection made. i have number of javascrpts in place wondering if there clash somewhere? first bit of code in head of document. <head> <script type="text/javascript"> $(function() { $('.cat_dropdown').change(function() { $('#paymethod').toggle($(this).val() >= 2); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $(".paymentmethod").click(function () { $(".paymentinfo").hide(); switch ($(this).val()) { case "credit card authorisation": $("#pay0").show("slow"); break; ...
Read more

html - Accumulated Depreciation of Assets on php -

-
i have problem table print out asset accumulated depreciation on php, stright line method. $query = mysqli_query($connect, "select current_value, salvage_value, useful_life, placed_service assets"); if(!$query){ echo 'could not run query b: ' . mysqli_error($connect); exit; } while($asset = mysqli_fetch_row($query)){ echo "assets :"; print_r($asset); $month = 12; $year = date('y',strtotime($asset[3])); $first_year = $month - ((int)date('m',strtotime($asset[3]))-1); $last_year = $month - $first_year; $first = round((($asset[0] - $asset[1])/$asset[2])*(($first_year)/12),0); $last = round((($asset[0] - $asset[1])/$asset[2])*(($last_year)/12),0); $others = ($asset[0] - $asset[1])/$asset[2]; echo "<table border=1>"; echo "<tr><th>year</th><th>book value year start</th><th>depreciation expense</th><th...
Read more

Update QSQLTableModel in QT C++ -

-
i created 1 dialog used bindvalues in sql database, , can save every new record sucessfully. problem i've got dialog qsqltablemodel shows information database. every time make new record must close program , run again see changes in showinformationdialog() . know way such don't need close program update information in showinformationdialog() ? you can use select() method of qsqltablemodel class repopulate model data database. bound views updated automatically. suggest connecting signal wherever update data in database (i.e. dialog updating sql database) custom slot in showinformationdialog() calls select() of qsqltablemodel object. assume have qmainwindow object parent of both dialogues best place establish connection. also since showinformationdialog() 's model used viewing data consider using qsqlquerymodel . if used setquery() method should used instead of select() otherwise (the connection of signal showinformationdialog() 's slot) same. ...
Read more