Layout bricht zusammen bei js hide/show.

Hi,

hab hier eine table definiert bei der ein href mit der id="exp_search" die Anzeige einer row (id="adv_field_search") toggled (zeigen/nicht zeigen).

Code:

---

<td><a href="#" id="exp_search" />explizite Feldsuche?</a></td>
                                </tr>
                               
                                <tr id="adv_field_search" style='position:inherit;'>
                               
                                        <td><b>Feldsuche: </b></td>
                                        <td>DB_ID: <input id="field_db_id" type="text" name="field_db_id" size=22 /></td>
                                        <td>Source: <input id="field_def" type="text" name="field_def" size=22 /></td>
                                        <td>Erstellt von: <input id="field_created_by" type="text" name="field_created_by" size=22 /></td>
                                        <td>Kunde: <input id="field_kunde" type="text" name="field_kunde" size=22 /></td>
                                       
                                </tr>

---

Für alle Columns ist im css file folgendes hinterlegt:

Code:

---

table#form_table td
{
        width: 160px;
        margin: 0;
        padding: 0;
}

---

Für die table an sich (border="2" width="800px" style='table-layout:fixed')

Es sind immer 5 columns in der table.

Nun wenn der toggle durchgeführt wird schiebt es die ganze row (id="adv_field_search") nach ganz links. Leerzeichen werden ignoriert ebenso wie die vorgegebenen css values. Wie kommt das?

Gruß S.

Hm, ich kann das so nicht nachvollziehen, Tabellenlayout mit CSS ist hier erkärt:
http://www.thestyleworks.de/basics/tables.shtml