Benötigen Sie Hilfe bei einer Tabelle innerhalb einer div Behälterzentrierung

Question

ich die Spielpunkte und Boxen für ein College-Projekt mache, aber ich kann nicht herausfinden, wie auf meinem Bildschirm, um den Spieltisch zu zentrieren. This is how it looks like now.

Die Tabelle und das Formular sind in einem container-fluid Div.

form#difficulty { 
    float: left; 
    width: 30%; 
} 


table#tableid { 
    float: left;  
    margin: 0 auto; 
    border-collapse: separate; 
    border: 0px; 
} 

ich stundenlang gesucht habe, aber nichts scheint zu funktionieren, ich bin sehr frustriert und wissen nicht, was anderes zu tun, versuchte alles, was ich gefunden und nichts funktioniert ... Wie halte ich den Tisch immer zentriert auf das Fenster unabhängig von seiner Größe? Jede mögliche Hilfe würde geschätzt

Answer 1

Ich Interpretation dieses, wie Sie zwei Spalten, eine Seitenleiste auf der linken Seite und eine Hauptspalte auf der rechten Seite davon, in denen die Tabellen Leben.

Was ich getan habe, ist Ihnen zeigen, wie zwei Spalten haben und die Tabelle in der größeren zweiten Spalte zentrieren.

https://jsfiddle.net/1v0L7x5j/

.container { 
    width: 100%; 
} 

.col1 { 
    float: left; 
    width: 30%; 
    text-align: center; 
} 

.col2 { 
    float: left; 
    width: 70%; 
} 

table { 
    margin: 0 auto; 
} 

Answer 2

Für column_wrapper:

column_wrapper{ 
    margin: 0 auto; 
} 

Für Spalten:

.col1{ 
    float: left; 
    width: 30%; 
} 

.col2{ 
    margin-left: 30%; 
}