Layout bricht zusammen bei js hide/show.

**11&2** · 30-07-2009, 14:09

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.