Wie zusätzlichen Platz innerhalb von jQuery UI Dialogfeld

Question

hier ist mein Dialogfeld

ich die zusätzlichen Räume innerhalb des Dialogfeldes löschen oder entfernen entfernen möge. Wie kann ich es erreichen?

für zusätzliche Details hier meine HTML

<div id="beneficiaries_window"> 
    <?php 
    $sql1 = "SELECT * FROM beneficiary WHERE id = '$id'"; 
    $result1 = mysql_query($sql1); 
    ?> 
    <table style="border: 2px solid black;margin:auto;"> 
    <tr> 
     <th><center>Name<center></th> 
     <th><center>Action</center></th> 
    </tr> 
    <?php    
    while($row1 = mysql_fetch_array($result1)){ 
     echo "<tr class='beneficiaries_rows' id='".$row1['id']."'>"; 
     echo "<td>".$row1['name']."</td>"; 
     echo "<td>"; 
     echo "<button class='edit_beneficiaries'>EDIT</button>"; 
     echo "<button class='del_beneficiaries'>X</button>"; 
     echo "</td><br/>"; 
     echo "</tr>"; 
    } 
    ?> 
    </table> 
    </div> 
    <button class="beneficiaries" name="beneficiaries">Beneficiaries</button> 

und jQuery Skript

jQuery("#beneficiaries_window").dialog({ 
    modal: true, 
    resizable: false, 
    draggable: false, 
    autoOpen: false, 
    buttons:[{ 
    text: "Close", 
    click: function(){ 
     jQuery(this).dialog("close"); 
    } 
    }] 
}); 

//beneficiaries open dialog 
jQuery(".beneficiaries").click(function(event){ 
    jQuery("#beneficiaries_window").dialog("open"); 
    event.preventDefault(); 
    }); 

aber in meinem firebug Ich sehe diese <br>'s aber sie ist keine <br> Innenseite der <div>

wie kann ich diesen im ruch über diesen zusätzlichen abstand entfernen?

Answer 1

Der Grund ist es wegen dieser zusätzlichen Abstand hat <br>

<?php    
while($row1 = mysql_fetch_array($result1)){ 
    echo "<tr class='beneficiaries_rows' id='".$row1['id']."'>"; 
    echo "<td>".$row1['name']."</td>"; 
    echo "<td>"; 
    echo "<button class='edit_beneficiaries'>EDIT</button>"; 
    echo "<button class='del_beneficiaries'>X</button>"; 

    echo "</td><br/>";   <----THIS <br/> make the extra spacing 

    echo "</tr>"; 
} 

?>

Answer 2

$('#div_id').dialog({ 
     title : 'Add User', 
     position: { my: "center", at: "center", of: window }, 
     width : 1000, 
     height : 500, 
     modal : true, 
     closeOnEscape: false 
    }); 

Sie können Breite, Höhe darin definieren, definieren Sie ihre Breite entsprechend.