✔ Zwei untereinanderliegende Tabellen ausrichten

[chill0r55555]

Hallo an alle,

ich habe ein Problem bei dem ich im Moment nicht weiterkomm. Undzwar habe
ich was gefunden mit dem ich die Tabellenüberschrift einer Tabelle dauerhaft darstellen kann und die Tabelle scrollbar ist. Ist genau das, was ich haben möchte.
Nur ist jetzt das Problem, dass die Tabellenüberschrift von der Ausrichtung her nicht zum Rest passt. Ich benutze nämlich 2 Tabellen für die Darstellung. Gibts da eine Möglichkeit wie ich die 2 Tabellen von der Breite der Spalten immer aneinander angeleichen kann? Wenn ich es fix mache also die Überschrift fix ausrichte geht das ganze so lange gut bis in der Tabelle sich was verändert und es wieder nicht passt.

Das hier ist mein Code:

<pre style="margin: 0px; font-weight: bold;">
	<table border=1>
		<tr>
			<td>ID</td><td>Name</td><td>Wohnort</td><td>Pl-Nummer</td>
		</tr>
	</table>
</pre>
<div style="height: 80px; overflow: auto; overflow-x: hidden;">
	<table border="1">
		<tr>
			<td>xv7464737463726</td>
			<td>Mueller</td>
			<td>Muenchen</td>
			<td>6728</td>
		</tr>
		<tr>
			<td>xv746473</td>
			<td>Krause</td>
			<td>Muenchen</td>
			<td>6547567657675</td>
		</tr>
		<tr>
			<td>xv746566546726</td>
			<td>Schlufter</td>
			<td>nicht bekannt</td>
			<td>66676669898</td>
		</tr>
		<tr>
			<td>xv7467432974239726</td>
			<td>Maier</td>
			<td>Prag</td>
			<td>89089089089</td>
		</tr>
		<tr>
			<td>xv7467475479236</td>
			<td>Mustermann</td>
			<td>Berlin</td>
			<td>6728</td>
		</tr>			
		<tr>
			<td>xv74726</td>
			<td>Keller</td>
			<td>Stuttgart</td>
			<td>89076</td>
		</tr>								
	</table>
</div>

Ich hoffe ihr könnt mir bei dieser kniffeligen Aufgabe weiterhelfen.

MfG

 

[Paspirgilis]

du kannst den spalten fixe weiten geben was du wahrscheinlich nicht willst.
da du nur den body scrolllen willst olltest du wahrscheinlich zwei spalten nehmen.
baus doch mal so auf:

<table>
<thead>
<tr><td>1</td><td>2</td></tr>
</thead>
<tbody style="overflow-y:hidden;height:300px;">
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
</tbody>
</table>

Natürlich müsstest du diesen syntax an deine Tabelle anpassen.

MFG
Mark Paspirgilis

PS: genau weis ich nich ob man overflow in nem tbody deklarieren darf aber versuchs doch ma xD

 

[chill0r55555]

Danke dir für deine schnelle Hilfe!;-)

Ich habe es angepasst und es funktioniert *freu*.

<table>
	<thead>
		<tr>
			<td>ID</td><td>Name</td><td>Wohnort</td><td>Pl-Nummer</td>
		</tr>
	</thead>
	<tbody style="height: 80px; overflow: auto; overflow-x: hidden;">
			<tr>
				<td>xv7464737463726</td>
				<td>Mueller</td>
				<td>Muenchen</td>
				<td>6728</td>
			</tr>
			<tr>
				<td>xv746473</td>
				<td>Krause</td>
				<td>Muenchen</td>
				<td>6547567657675</td>
			</tr>
			<tr>
				<td>xv746566546726</td>
				<td>Schlufter</td>
				<td>nicht bekannt</td>
				<td>66676669898</td>
			</tr>
			<tr>
				<td>xv7467432974239726</td>
				<td>Maier</td>
				<td>Prag</td>
				<td>89089089089</td>
			</tr>
			<tr>
				<td>xv7467475479236</td>
				<td>Mustermann</td>
				<td>Berlin</td>
				<td>6728</td>
			</tr>			
			<tr>
				<td>xv74726</td>
				<td>Keller</td>
				<td>Stuttgart</td>
				<td>89076</td>
			</tr>	
	</tbody>
</table>

Herzlichen Dank nochmals.

MfG