Killerawft: Tabelle über Bildschirmrand hinaus

Hallo.

Ich habe ein Problem mit der Darstellung meiner Tabellen.
Unzwar habe ich eine Haupt Tabelle, die über die gesamte Seite geht. In jeder Zelle habe ich eine Unter Tabelle mit Werten drin. Jetzt möchte ich gerne, dass die breite der Zellen der Haupttabelle immer gleich ist, was im Grunde auch funktioniert. Doch wenn die Haupt Tabelle mehr als 3 Spalten hat müsste sie eigentlich über den Bildschirmrand hinaus ragen, damit ihre Zellen immer noch die gewünschte Größe haben. Jedoch werden die Zellen der Haupt Tabelle gestaucht und somit auch der Inhalt. Ich würde es lieber so haben, dass wenn die Haupt Tabelle breiter ist als der Bildschirm, dass diese über den Bildschirmrand hinaus geht und man mit einem horizontalen Scrollbalken weiter scrollen kann.

Ich habe im Internet immer nur das Gegenteil gefunden. Ich hab auch versucht den gesamten Body bereich in einen div container zu packen und habe diesem div container dann das attribut overflow:auto; zugewiesen, genauso hab ich das auch mit der Haupt Tabelle versucht, beides aber ohne erfolg. Ausserdem habe ich das table-layout der haupt tabelle auf auto, und das table-layout der unter tabellen auf fixed gestellt. Das hat jedoch alles nicht geholfen.

Ich hoffe ihr könnt mir hier helfen und bedanke mich schonmal für eure Mühe.

Killerawft

Hier noch der relevante Ausschnitt der css Datei. messure table ist hier die Unter Tabelle.

  
#main{ /*Aussehen des Gesamten Bodys */  
	overflow:auto;  
}  
.main_table { /* Tabelle der gesamten Seite, wo die Elemente angeordnet werden */  
	border-spacing:10px;  
	vertical-align:top;  
	table-layout:auto;  
  
}  
.messure_table { /* Tabelle mit den Grafisch dargestellten Messwerten */  
	table-layout:fixed;  
	border-spacing:0px;  

  1. Hallo.

    Ich habe ein Problem mit der Darstellung meiner Tabellen.
    Unzwar habe ich eine Haupt Tabelle, die über die gesamte Seite geht. In jeder Zelle habe ich eine Unter Tabelle mit Werten drin. Jetzt möchte ich gerne, dass die breite der Zellen der Haupttabelle immer gleich ist, was im Grunde auch funktioniert. Doch wenn die Haupt Tabelle mehr als 3 Spalten hat müsste sie eigentlich über den Bildschirmrand hinaus ragen, damit ihre Zellen immer noch die gewünschte Größe haben. Jedoch werden die Zellen der Haupt Tabelle gestaucht und somit auch der Inhalt. Ich würde es lieber so haben, dass wenn die Haupt Tabelle breiter ist als der Bildschirm, dass diese über den Bildschirmrand hinaus geht und man mit einem horizontalen Scrollbalken weiter scrollen kann.

    Ich habe im Internet immer nur das Gegenteil gefunden. Ich hab auch versucht den gesamten Body bereich in einen div container zu packen und habe diesem div container dann das attribut overflow:auto; zugewiesen, genauso hab ich das auch mit der Haupt Tabelle versucht, beides aber ohne erfolg. Ausserdem habe ich das table-layout der haupt tabelle auf auto, und das table-layout der unter tabellen auf fixed gestellt. Das hat jedoch alles nicht geholfen.

    Ich hoffe ihr könnt mir hier helfen und bedanke mich schonmal für eure Mühe.

    Killerawft

    Hier noch der relevante Ausschnitt der css Datei. messure table ist hier die Unter Tabelle.

    #main{ /*Aussehen des Gesamten Bodys /
    overflow:auto;
    }
    .main_table { /
    Tabelle der gesamten Seite, wo die Elemente angeordnet werden */
    border-spacing:10px;
    vertical-align:top;
    table-layout:auto;

    }
    .messure_table { /* Tabelle mit den Grafisch dargestellten Messwerten */
    table-layout:fixed;
    border-spacing:0px;

      
    Inzwischen habe ich das Problem selbst lösen können. Ich habe den spalten der Haupt Tabelle einfach eine feste Größe zugewiesen.