Wie fixiert man den Head bei Tables richtig?

Moewe · 06.01.2012, 10:27

Hallo habe follgenden code:

PHP-Code:

  echo "   
   <table width='100%' id='table-basic' border ='0' style='word-break:break-all;word-wrap:break-word'>
   <thead style='overflow-x:auto;'>
   <tr>
      <th colspan='30' height='20'>Anzahl der gefundenen Fahrzeuge: $CustomerCounter</th>
   </tr>
   <tr>
      <th class='textbold' width='15'>Nr</th>
      <th class='textbold' width='15'></th>
      <th class='textbold' width='15'>G</th>
      <th class='textbold' width='15'>Kunde</th>
      <th class='textbold' width='15'>Status</th>
      <th class='textbold' width='15'>VIN</th>
      <th class='textbold'>Typ</th>
      <th class='textbold'>Vertragslaufzeit</th>
      <th class='textbold'>Reminder</th>
      <th class='textbold'>Dienst</th>
      <th class='textbold'>Map</th>
      <th class='textbold'>IF</th>
      <th class='textbold'>WK</th>
      <th class='textbold'>SC</th>
      <th class='textbold'>RG-Empfänger</th>
      <th><img src=\"images\ebs.gif\" title='EBS-Typ'></th>
      <th><img src=\"images\Brake.gif\" title='BBVA'></th>
      <th><img src=\"images\Tire.gif\" title='RDRS'></th>
      <th><img src=\"images\Ignition.gif\" title='Zündung'></th>
      <th><img src=\"images\batterie.gif\" title='Akku Generation 1'></th>
      <th><img src=\"images\CoupleAnalog.gif\" title='Koppelsensor Generation 1'></th>
      <th><img src=\"images\DoorAnalog.gif\" title='Türsensor Generation 1'></th>
      <th><img src=\"images\batterie_reefer.gif\" title='Kühlgeräte Batterie'></th>
      <th><img src=\"images\batterie_lin.gif\" title='LIN-Akku'></th>
      <th><img src=\"images\CoupleLin.gif\" title='LIN-Koppelsensor'></th>
      <th><img src=\"images\DoorLin1.gif\" title='LIN-Türsensor 1'></th>
      <th><img src=\"images\DoorLin2.gif\" title='LIN-Türsensor 2'></th>
      <th><img src=\"images\Temp1.gif\" title='Temperaturschreiber [Anzahl Sensoren]'></th>
      <th><img src=\"images\Reefer.gif\" title='Kältemaschine [Anzahl Setpoints]'></th>
      <th class='textbold'>Vertrag</td>
   </tr>
   </thead>
   <tbody style='height:370px; overflow-y:auto;display:block;'>
   ";

//=======weiterer Code (Daten aus Tabelle holen etc)======

echo "      
      <tr>
         <td class='".$format1."'>".$cnt."</td>
         <td class='".$format1."'><input type = 'checkbox'
                    name = 'ChassisNumber[]'
                    value= '" . $dsatzFahrzeug['ChassisNumber'] . "' ".$checked."></td>
         <td class='".$format1."'>".$dsatzFahrzeug['GenerationEndgeraet']."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['kundenname']."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['FhzgStatusKurz']."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['ChassisNumber']."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['FahrzeugTypNameSCB']."</td>
         <td class='".$format1."'>".$vertagszeitraum."</td>
         <td class='".$format1."'>".$ReminderDate."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['DiensteNameKurz']."</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstKarte']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstInterface']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstWeitererKunde']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstSecurity']) echo"•"; echo"</td>
         <td class='".$format1."'>".$dsatzRechnung['firmenname']."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['EbsNameKurz']."</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysBbva']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysRdks']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['EbsTypId'] != DEF_NICHT_KONFIGURIERT) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['GenerationEndgeraet'] == 1) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysAnalogKoppel']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysAnalogTuer']) echo"•"; echo"</td>
         <td class='".$format2."'>";if(GetFzgReeferBatteryStatus($dsatzFahrzeug['FahrzeugTypId'])) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinAkku']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinKoppel']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinTuer1']) echo"•"; echo"</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinTuer2']) echo"•"; echo"</td>
         <td class='".$format1."'>".$dsatzFahrzeug['TempSchreiberNameKurz']."</td>
         <td class='".$format1."'>".$dsatzFahrzeug['KuehlgeraetNameKurz']."</td>
         <td class='".$format2."'>";if($dsatzFahrzeug['Vertrag']) echo"•"; echo"</td>
      </tr>          
      ";

was passiert. Erstmal schön, der Head ist fix und die Daten kann man scrollen. Problem, der Datenbereich wird gestaucht und steht jetzt komplett in der Zeile mit der Überschrift Nr.
Wenn ich das ganz auch mit der Überschrift mache, außer das scrollen, wird auch die Überschrift gestaucht. Dadurch kann ich etlich Zellen gar nicht mehr lesen.
Kann mir jemand sagen, wo mein fehler ist?

Grad gesehen, tbody und table etc habe ich weiter unten geschlossen im Code

BlackScorp · 06.01.2012, 10:36

kannste ein screenshot posten? irgendwie kann man sich das garnicht vorstellen was du da beschreibst

Moewe · 06.01.2012, 10:39

Zitat:

Zitat von BlackScorp

kannste ein screenshot posten? irgendwie kann man sich das garnicht vorstellen was du da beschreibst

Hier der Ausschnitt als Bild

Grüße

Bekomm es leider nicht größer...warum auch immer^^. Orginal Bild bei mir ist groß genug -.-

BlackScorp · 06.01.2012, 10:41

verlink das doch auf imagehack oder.. ich kann auf dem kleinen bild nichts erkennen

versuch mal im thead folgendes

<thead style='position:fixed'>

wieso du da ein scroll-x hast verstehe ich überhauptnicht

Moewe · 06.01.2012, 10:51

Zitat:

Zitat von BlackScorp

verlink das doch auf imagehack oder.. ich kann auf dem kleinen bild nichts erkennen

versuch mal im thead folgendes

<thead style='position:fixed'>

wieso du da ein scroll-x hast verstehe ich überhauptnicht

[IMG]

Uploaded with ImageShack.us[/IMG]

Also wenn ich dieses fixed mache, wird der head aufeinmal zwei Zeilig und überlappt mit dem Datenbereich

BlackScorp · 06.01.2012, 10:56

ah jetzt sehe ich das Problem.. deine überschrift die rutscht weiter nach rechts, die tablle ist ja dann so in ordnung, ich glaube der fehler liegt im CSS.

kannst du mal auf http://jsfiddle.net/ beispiel tabelle mit css usw eintragen?

Moewe · 06.01.2012, 11:03

Zitat:

Zitat von BlackScorp

ah jetzt sehe ich das Problem.. deine überschrift die rutscht weiter nach rechts, die tablle ist ja dann so in ordnung, ich glaube der fehler liegt im CSS.

kannst du mal auf http://jsfiddle.net/ beispiel tabelle mit css usw eintragen?

Kenn das zwar nicht^^, aber hab das jetzt mal gemacht. Gleiche Fehler, alles in er einen zeile unter nr

Hab mal auf share geklickt und das bekommen:

http://jsfiddle.net/bJjGA/

BlackScorp · 06.01.2012, 11:22

ok entferne mal display:block aus tbody dann sehen wir mal weiter

Moewe · 06.01.2012, 11:28

Zitat:

Zitat von BlackScorp

ok entferne mal display:block aus tbody dann sehen wir mal weiter

Uploaded with ImageShack.us

nun siehts so aus^^

jetzt ist die tabelle nicht mehr begrenzt

Wirklich nicht einfach

BlackScorp · 06.01.2012, 11:36

und jetzt machste <table height="380px" oder so

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS-Datei nicht richtig eingebunden.	Paul.Schramenko	HTML, Usability und Barrierefreiheit	2	24.04.2010 08:56
Datenbank richtig aufgebaut?	bageleudi	Datenbanken	2	31.03.2010 21:01
Umlaute mit Request richtig übertragen	Lebenssonde	JavaScript, Ajax und mehr	4	28.07.2009 15:10
parameter von interfaces in klassen richtig mit anwenden?	litterauspirna	PHP Tipps 2009	27	30.06.2009 20:58
[Erledigt] Javascript-Code in einem document.write richtig durchführen + richtiges Po	BartTheDevil89	JavaScript, Ajax und mehr	15	29.11.2008 14:08
PNG's werden im IE6 nicht richtig angezeigt!	litterauspirna	Off-Topic Diskussionen	6	15.09.2008 15:13
PHP richtig lernen!	TeazY	PHP Tipps 2008	5	01.02.2008 21:50
[Erledigt] Modularisierung: Wie macht man es richtig?		PHP-Fortgeschrittene	1	12.03.2006 16:00
[Erledigt] Lieg ich da richtig?		Datenbanken	4	31.08.2005 13:21
[Erledigt] VARIABLEN WERDEN NICHT RICHTIG VERARBEITET!!!! HILFE		PHP Tipps 2005-2	6	02.07.2005 18:32
PHP funktioniert nicht richtig?!		PHP Tipps 2005-2	26	11.06.2005 09:05
Variable wird nicht richtig übergeben		PHP Tipps 2005	17	16.01.2005 16:51
[Erledigt] imap_body RICHTIG ausgeben (mit allen Sonderzeichen usw.)		PHP-Fortgeschrittene	3	08.09.2004 02:33
[Erledigt] Perl richtig installiert oder falsch ? testen aber wie ?	c01001	Server, Hosting und Workstations	2	31.08.2004 22:37
Formular, welches prüft, ob eingegebene Antwort richtig....		PHP Tipps 2004	10	15.08.2004 22:18

06.01.2012, 10:27
Moewe Benutzer Registriert seit: 06.10.2011 Beiträge: 79 PHP-Kenntnisse: Anfänger	Wie fixiert man den Head bei Tables richtig? Hallo habe follgenden code: PHP-Code: echo " <table width='100%' id='table-basic' border ='0' style='word-break:break-all;word-wrap:break-word'> <thead style='overflow-x:auto;'> <tr> <th colspan='30' height='20'>Anzahl der gefundenen Fahrzeuge: $CustomerCounter</th> </tr> <tr> <th class='textbold' width='15'>Nr</th> <th class='textbold' width='15'></th> <th class='textbold' width='15'>G</th> <th class='textbold' width='15'>Kunde</th> <th class='textbold' width='15'>Status</th> <th class='textbold' width='15'>VIN</th> <th class='textbold'>Typ</th> <th class='textbold'>Vertragslaufzeit</th> <th class='textbold'>Reminder</th> <th class='textbold'>Dienst</th> <th class='textbold'>Map</th> <th class='textbold'>IF</th> <th class='textbold'>WK</th> <th class='textbold'>SC</th> <th class='textbold'>RG-Empfänger</th> <th><img src=\"images\ebs.gif\" title='EBS-Typ'></th> <th><img src=\"images\Brake.gif\" title='BBVA'></th> <th><img src=\"images\Tire.gif\" title='RDRS'></th> <th><img src=\"images\Ignition.gif\" title='Zündung'></th> <th><img src=\"images\batterie.gif\" title='Akku Generation 1'></th> <th><img src=\"images\CoupleAnalog.gif\" title='Koppelsensor Generation 1'></th> <th><img src=\"images\DoorAnalog.gif\" title='Türsensor Generation 1'></th> <th><img src=\"images\batterie_reefer.gif\" title='Kühlgeräte Batterie'></th> <th><img src=\"images\batterie_lin.gif\" title='LIN-Akku'></th> <th><img src=\"images\CoupleLin.gif\" title='LIN-Koppelsensor'></th> <th><img src=\"images\DoorLin1.gif\" title='LIN-Türsensor 1'></th> <th><img src=\"images\DoorLin2.gif\" title='LIN-Türsensor 2'></th> <th><img src=\"images\Temp1.gif\" title='Temperaturschreiber [Anzahl Sensoren]'></th> <th><img src=\"images\Reefer.gif\" title='Kältemaschine [Anzahl Setpoints]'></th> <th class='textbold'>Vertrag</td> </tr> </thead> <tbody style='height:370px; overflow-y:auto;display:block;'> "; //=======weiterer Code (Daten aus Tabelle holen etc)====== echo " <tr> <td class='".$format1."'>".$cnt."</td> <td class='".$format1."'><input type = 'checkbox' name = 'ChassisNumber[]' value= '" . $dsatzFahrzeug['ChassisNumber'] . "' ".$checked."></td> <td class='".$format1."'>".$dsatzFahrzeug['GenerationEndgeraet']."</td> <td class='".$format1."'>".$dsatzFahrzeug['kundenname']."</td> <td class='".$format1."'>".$dsatzFahrzeug['FhzgStatusKurz']."</td> <td class='".$format1."'>".$dsatzFahrzeug['ChassisNumber']."</td> <td class='".$format1."'>".$dsatzFahrzeug['FahrzeugTypNameSCB']."</td> <td class='".$format1."'>".$vertagszeitraum."</td> <td class='".$format1."'>".$ReminderDate."</td> <td class='".$format1."'>".$dsatzFahrzeug['DiensteNameKurz']."</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstKarte']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstInterface']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstWeitererKunde']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptDienstSecurity']) echo"•"; echo"</td> <td class='".$format1."'>".$dsatzRechnung['firmenname']."</td> <td class='".$format1."'>".$dsatzFahrzeug['EbsNameKurz']."</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysBbva']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysRdks']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['EbsTypId'] != DEF_NICHT_KONFIGURIERT) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['GenerationEndgeraet'] == 1) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysAnalogKoppel']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysAnalogTuer']) echo"•"; echo"</td> <td class='".$format2."'>";if(GetFzgReeferBatteryStatus($dsatzFahrzeug['FahrzeugTypId'])) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinAkku']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinKoppel']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinTuer1']) echo"•"; echo"</td> <td class='".$format2."'>";if($dsatzFahrzeug['OptSysLinTuer2']) echo"•"; echo"</td> <td class='".$format1."'>".$dsatzFahrzeug['TempSchreiberNameKurz']."</td> <td class='".$format1."'>".$dsatzFahrzeug['KuehlgeraetNameKurz']."</td> <td class='".$format2."'>";if($dsatzFahrzeug['Vertrag']) echo"•"; echo"</td> </tr> "; was passiert. Erstmal schön, der Head ist fix und die Daten kann man scrollen. Problem, der Datenbereich wird gestaucht und steht jetzt komplett in der Zeile mit der Überschrift Nr. Wenn ich das ganz auch mit der Überschrift mache, außer das scrollen, wird auch die Überschrift gestaucht. Dadurch kann ich etlich Zellen gar nicht mehr lesen. Kann mir jemand sagen, wo mein fehler ist? Grad gesehen, tbody und table etc habe ich weiter unten geschlossen im Code Geändert von Moewe (06.01.2012 um 10:33 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.01.2012, 10:36
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	kannste ein screenshot posten? irgendwie kann man sich das garnicht vorstellen was du da beschreibst __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

06.01.2012, 10:41
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	verlink das doch auf imagehack oder.. ich kann auf dem kleinen bild nichts erkennen versuch mal im thead folgendes <thead style='position:fixed'> wieso du da ein scroll-x hast verstehe ich überhauptnicht __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen Geändert von BlackScorp (06.01.2012 um 10:46 Uhr).

06.01.2012, 10:56
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	ah jetzt sehe ich das Problem.. deine überschrift die rutscht weiter nach rechts, die tablle ist ja dann so in ordnung, ich glaube der fehler liegt im CSS. kannst du mal auf http://jsfiddle.net/ beispiel tabelle mit css usw eintragen? __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

06.01.2012, 11:22
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	ok entferne mal display:block aus tbody dann sehen wir mal weiter __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen

06.01.2012, 11:36
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	und jetzt machste <table height="380px" oder so __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen