Input Type="text" verändert Tabellenabstand!

[xakeko]

Hallo, ich habe eine Tabelle erstellt, in denen manchmal, je nach bedingung, ein eingabe textfeld erscheint. Je mehr solcher eingaben ich habe desto weiter verschwindet die tabelle nach unten, später verschwindet sie sogar ganz von der ersten seite und man muss runterscrollen!
gibt es dafür einen Gruns bzw Lösung.
Gruss VOlker

[Vinzenz Mai]

Hallo Volker,

Hallo, ich habe eine Tabelle erstellt, in denen manchmal, je nach bedingung, ein eingabe textfeld erscheint. Je mehr solcher eingaben ich habe desto weiter verschwindet die tabelle nach unten, später verschwindet sie sogar ganz von der ersten seite und man muss runterscrollen!
gibt es dafür einen Gruns bzw Lösung.

ganz sicher liegt der Grund in Deinem uns leider unbekannten Quellcode.
input-Elemente sind recht unproblematisch, Tabellen browserübergreifend im Griff zu behalten ist schon eher eine Sache für sich.

Ein Minimalbespiel, an dem man das Problem nachvollziehen kann, wäre wünschenswert.

Freundliche Grüße

Vinzenz

PS: Hat Dir meine Antwort auf Deine letzte Frage geholfen?
    Wenn ja, wäre es nett, wenn Du das dort hinschriebest.
    Wenn nein, wäre es auch ganz nett, das dort hinzuschreiben.
    Wenn Du Dein Problem auf andere Weise gelöst hast, wäre
    es noch netter, das dort hinzuschreiben, damit andere,
    die vor dem gleichen Problem stehen werden, in Zukunft
    im Archiv eine Lösung finden können.

[xakeko]

Hier mal die bildliche darstellung meines problems

[URL=http://img444.imageshack.us/i/42992167.jpg/][IMG]http://img444.imageshack.us/img444/7884/42992167.jpg[/IMG][/URL]

[URL=http://img444.imageshack.us/i/25517155.jpg/][IMG]http://img444.imageshack.us/img444/5895/25517155.jpg[/IMG][/URL]

[xakeko]

sorry, hier die links zu den bildern:

gross

normal

Hier mal die bildliche darstellung meines problems

[URL=http://img444.imageshack.us/i/42992167.jpg/][IMG]http://img444.imageshack.us/img444/7884/42992167.jpg[/IMG][/URL]

[URL=http://img444.imageshack.us/i/25517155.jpg/][IMG]http://img444.imageshack.us/img444/5895/25517155.jpg[/IMG][/URL]

[xakeko]

Hier mal der generierte code meiner PHP seite, in dem mehrere inputs sind. In dem fall verändert sich der abstand der 2ten tabelle zur 1ten immer mehr, je mehr eingabe felder ich habe. Wenn ich keine eingabefelder habe, schliesst sich die 2te tabelle direkt an die erste tabelle an.
Gruss VOlker

<table vspace="6000" width='100%' border="1" cellpadding="0" cellspacing="2">
<colgroup><col width='60'><col width='60'><col width='60'><col width='60'><col width='60'></colgroup>
 <tr >
  <td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=1')">ALL&nbsp;</a></td></h2>
  <td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=2')">NEW&nbsp;</a></td></h2>
  <td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=3')">OPEN&nbsp;</a></td></h2>
  <td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=4')">CLOSED&nbsp;</a></td></h2>
  <td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=5')">>1 Monat&nbsp;</a></td></h2>
 </tr>
</table>

<hr noshade width="100%" size="3" align="left">

<table border='1' width='100%' bgcolor='ccffff' cellspacing='0' cellpadding='0' top-margin:1000px>
<colgroup><col width='50'><col width='90'><col width='70'><col width='480'>
<col width='100'><col width='100'><col width='80'><col width='70px'></colgroup>
<th align='center'><a href='http://xxxxxx.php?usp=3&sort=1&head=1' style='text-decoration:none'>Number</a></th>
<th align='center'><a href='http://xxxxxx.php?usp=3&sort=1&head=2' style='text-decoration:none'>Datum</a></th>
<th align='center'>Zeit</th>
<th align='center'><a href='http://xxxxxx.php?usp=3&sort=1&head=3' style='text-decoration:none'>Job</a></th>
<th align='center'><a href='http://xxxxxx.php?usp=3&sort=1&head=4' style='text-decoration:none'>Incident Nr</a></th>
<th align='center'>Status</th>
<th align='center'>Editor</th>
<th>upd</th>
<form style='display:inline' action='updateDB.php' method='get'>
<tr height='3'>
<td align='center' onClick='incidentNr(109, 3, 1, 4)'>109</td>
<td align='center'>05.01.2010</td>
<td align='center'>22:12:08</td>
<td align='center'>xxxxxxx</td>
<td align='center'><input name='link' type='text' size='7'></td>
<input type='hidden' name='user' value='xxxxxx'>
<input type='hidden' name='row' value='109'>
<input type='hidden' name='button' value='A'>
<input type='hidden' name='type' value='3'>
<input type='hidden' name='sort' value='1'>
<input type='hidden' name='head' value='4'>
<td align='center'>&nbsp;</td>
<td align='center'>mmmm V.&nbsp;</td>
<td align='center'> <input type='image' name='ok' value='X' src='../pics/ok.gif'>
<input type='submit' name='button' value='X'>
<input type='submit' name='button' value='0'></td>
</tr>
</form>
<form style='display:inline' action='updateDB.php' method='get'>
<tr height='3'>
<td align='center' onClick='incidentNr(110, 3, 1, 4)'>110</td>
<td align='center'>05.01.2010</td>
<td align='center'>22:12:08</td>
<td align='center'>xxxxxxxxx</td>
<td align='center'><input name='link' type='text' size='7'></td>
<input type='hidden' name='user' value='xxxxxx'>
<input type='hidden' name='row' value='110'>
<input type='hidden' name='button' value='A'>
<input type='hidden' name='type' value='3'>
<input type='hidden' name='sort' value='1'>
<input type='hidden' name='head' value='4'>
<td align='center'>&nbsp;</td>
<td align='center'>mmmmmV.&nbsp;</td>
<td align='center'> <input type='image' name='ok' value='X' src='../pics/ok.gif'>
<input type='submit' name='button' value='X'>
<input type='submit' name='button' value='0'></td>
</tr>
</form>
<form style='display:inline' action='updateDB.php' method='get'>
<tr height='3'>
<td align='center' onClick='incidentNr(114, 3, 1, 4)'>114</td>
<td align='center'>06.01.2010</td>
<td align='center'>05:22:32</td>
<td align='center'>xxxxxxxxx</td>
<td align='center'><input name='link' type='text' size='7'></td>
<input type='hidden' name='user' value='xxxxxx'>
<input type='hidden' name='row' value='114'>
<input type='hidden' name='button' value='A'>
<input type='hidden' name='type' value='3'>
<input type='hidden' name='sort' value='1'>
<input type='hidden' name='head' value='4'>
<td align='center'>&nbsp;</td>
<td align='center'>mmmm V.&nbsp;</td>
<td align='center'> <input type='image' name='ok' value='X' src='../pics/ok.gif'>
<input type='submit' name='button' value='X'>
<input type='submit' name='button' value='0'></td>
</tr>
</form>
</table>

sorry, hier die links zu den bildern:

gross

normal

Hier mal die bildliche darstellung meines problems

[URL=http://img444.imageshack.us/i/42992167.jpg/][IMG]http://img444.imageshack.us/img444/7884/42992167.jpg[/IMG][/URL]

[URL=http://img444.imageshack.us/i/25517155.jpg/][IMG]http://img444.imageshack.us/img444/5895/25517155.jpg[/IMG][/URL]

[EKKi]

Mahlzeit xakeko,

Hier mal der generierte code meiner PHP seite, in dem mehrere inputs sind.

Hast Du diesen - wie ich vorschlug - validiert? Offenbar nicht. Sonst wären Dir etliche teils gravierende Fehler aufgefallen:

<table border='1' width='100%' bgcolor='ccffff' cellspacing='0' cellpadding='0' top-margin:1000px>
<colgroup><col width='50'><col width='90'><col width='70'><col width='480'>
<col width='100'><col width='100'><col width='80'><col width='70px'></colgroup>
<th align='center'><a href='http://xxxxxx.php?usp=3&sort=1&head=1' style='text-decoration:none'>Number</a></th>

<http://de.selfhtml.org/html/referenz/elemente.htm#th@title=<th>> kann bzw. darf *niemals* direkt Kind von <http://de.selfhtml.org/html/referenz/elemente.htm#table@title=<table>> sein! Wo ist das erforderliche <tr>?

<form style='display:inline' action='updateDB.php' method='get'>

<form> darf ebenfalls kein Kind von <table> sein!

<tr height='3'>

<http://de.selfhtml.org/html/referenz/elemente.htm#tr@title=<tr>> wiederum darf kein Kind von <form> sein!

Beseitige die Fehler. Komme mit validem Code wieder. Gehe nicht über Los, ziehe keine 4.000 $CURRENCY_UNIT ein!

MfG,
EKKi

[Steel]

Moin!

Dazu kommen etliche falsch verschachtelte Elemente:

<td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=3')">OPEN&nbsp;</a></td></h2>

Und was ist das)
<table border='1' width='100%' bgcolor='ccffff' cellspacing='0' cellpadding='0' top-margin:1000px>

top-margin:1000px einfach im Table-Tag notiert? Falls das funktionieren sollte, haette man da natuerlich eine Erklaerung fuer den Abstand... ;)

[xakeko]

jo, stimmt alles, ich habe zum beispiel, dieses inline und topmargin etc reingemacht , weil ich beim googlen diese ideen gefunden habe und es ausprobiert habe ob es was bringt, hat es aber nicht und deswegen fliegt es wieder raus. Was ich auf meine Kappe nehme ist diese Form pro reihe, aber so bekomme ich halt am leichtesten meine daten, die ich will

Moin!

Dazu kommen etliche falsch verschachtelte Elemente:

<td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=3')">OPEN&nbsp;</a></td></h2>

Und was ist das)
<table border='1' width='100%' bgcolor='ccffff' cellspacing='0' cellpadding='0' top-margin:1000px>

top-margin:1000px einfach im Table-Tag notiert? Falls das funktionieren sollte, haette man da natuerlich eine Erklaerung fuer den Abstand... ;)

[xakeko]

So ich habe jetzt alle Fehler beseitigt die mir genannt wurden und nun stimmts. Danke an alle,
cheers Volker

[xakek]

Moin!

Dazu kommen etliche falsch verschachtelte Elemente:

<td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=3')">OPEN&nbsp;</a></td></h2>

was ist daran verschachtelt? Verstehe nicht?, habe nur xxx für das original gemacht, um nicht alles preiszugeben ;-)

[Der Martin]

Hallo,

Dazu kommen etliche falsch verschachtelte Elemente:
<td ...><h2><a ...> </a></td></h2>
was ist daran verschachtelt?

die Betonung liegt auf FALSCH verschachtelt. Fällt dir nichts auf?

Ciao,
 Martin

[xakeko]

Hallo,

Dazu kommen etliche falsch verschachtelte Elemente:
<td ...><h2><a ...> </a></td></h2>
was ist daran verschachtelt?

die Betonung liegt auf FALSCH verschachtelt. Fällt dir nichts auf?

jetzt wo du es sagst, ok, das h2 war auch nur ein test von mir, den ich nich t wieder rausgenommen habe,
und das mit dem XXX ist mir jetzt auch aufgefallen, denke halt nicht sofort Nur AN DAS EINE... sorry mache nächstesmal yyy

Ciao,
Martin

[Vinzenz Mai]

Hallo Volker,

Dazu kommen etliche falsch verschachtelte Elemente:
<td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=3')">OPEN&nbsp;</a></td></h2>
was ist daran verschachtelt? Verstehe nicht?, habe nur xxx für das original gemacht, um nicht alles preiszugeben ;-)

siehe https://forum.selfhtml.org/?t=196251&m=1314681.

Statt xxx.php böte sich auch in diesem Fall example.php an :-)
Warum? Lass mal die Suchmaschine Deiner Wahl auf xxx los ...

Freundliche Grüße

Vinzenz

[Vinzenz Mai]

Hallo Volker,

Hier mal der generierte code meiner PHP seite,

beseitige im PHP-Code den Fehler, der zum Verschachtelungsfehler führt:

<td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=1')">ALL&nbsp;</a></td></h2>
  <td align='center'><h2><a href="javascript:location.reload('xxx.php?usp=2')">NEW&nbsp;</a></td></h2>

[...]
Sprich: schließe die h2-Elemente innerhalb der Tabellenzelle, nicht dahinter.
Was Browser mit </h2>-Code an Stellen machen, an denen sowas überhaupt nicht erlaubt ist, kann ich Dir nicht sagen.

Eine Bitte: versuche in Zukunft sinnvoll zu zitieren.
Weitere Tipps:
 - eliminiere veraltete Attribute wie align, bgcolor, cellspacing zugunsten von CSS,
 - vermeide den Einsatz von &nbsp;, nutze z.B. padding-right,
 - vermeide Inline-Styles,
 - maskiere den Ampersand (&) in Querystrings richtig: &amp;

Statt:

<th align='center'><a href='http://xxxxxx.php?usp=3&sort=1&head=1' style='text-decoration:none'>Number</a></th>

lieber
<th><a href='http://xxxxxx.php?usp=3&amp;sort=1&amp;head=1'>Number</a></th>

Freundliche Grüße

Vinzenz

[Steel]

Moinsen!

gibt es dafür einen Gruns bzw Lösung.

Ja. Nen Grunz kannste bekommen. Was anderes bleibt bei deiner Fehlerbeschreibung leider nicht uebrig. Mir jedenfalls erschliesst sich dein Problem nicht.

Relevante Codeteile waeren super. Oder wenigstens eine genauere Beschreibung. Eine Tabelle verschiebt sich normalerweise nicht nach unten, wenn man dort Elemente einfuegt. (Wir sprechen hier doch von der Position des oberen Rands und nicht darueber, dass die Tabelle einfach laenger wird?)

[EKKi]

Mahlzeit xakeko,

Je mehr solcher eingaben ich habe desto weiter verschwindet die tabelle nach unten, später verschwindet sie sogar ganz von der ersten seite und man muss runterscrollen!

Validiere mal Deine Seite ... ich vermute ganz stark, dass der HTML-Code, den Du erzeugst, kaputte Tabellen enthält.

gibt es dafür einen Gruns bzw Lösung.

Ja. Sowohl als auch. Den Grund findest Du höchstwahrscheinlich im HTML-Quelltext Deiner Seite, Lösungsvorschläge beim W3C.

MfG,
EKKi