Table wont center

Hallo,

Ik probeer een tabel the centeren maar het lukt niet:

Hier is de code:
HTML

<div class="centered">
        <table class="mainbody">
<tr>
    <td colspan="2">
        <div class="table" style="display: block; color: #000000;">
            <h4 class="modal-title">Multibet.io</h4>
        </div>
    </td>
</tr>
<tr>
    <td></td>
    <td></td>
</tr>
</table>
</div>

CSS:

body{
    background:#FFF url(../images/bg.png) repeat;
    color: #FFFFFF;
    font-family: MuseoSans-100;
    -webkit-font-smoothing: subpixel-antialiased !important;
    margin:auto;
}
li{
    list-style: none outside none;
    display: inline;
}
.header{
    text-align: center;
    margin-top: 25px;
    width: 100%;
}
.logos{
    float: left;
    text-align: center;
    margin-top: 25px;
    margin-left: -19px;
    width: 100%;
}
.menu{
    background: none repeat #0d0d0d;
    float: left;
    width: 100%;
    height: 50px;
    box-shadow: 0px 3px 5px #000;
    box-sizing: border-box;
    vertical-align: text-top middle;
    padding-right: 20px;
}
#buttons{
    text-align: center;
    margin-top: 15px;
}
.empty{
    height: 25px;
}
.centered{
    margin: 0 auto; 
}
.mainbody{
    width: 75%;
}
ul li a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:20px;
    padding-right:20px;
    background:#0d0d0d;
    vertical-align:text-top middle;
    height:50px;
    text-align:center;
}
ul li a:hover{
    color: #fff;
    text-decoration: none;
    background:#272727;
    border-radius:4px;
}
.table {
    float: left;
    width: 100%;
    margin-top: 25px;
    background-color: #ffffff;
}
.topbar{
    width: 100%;
    border-bottom:thin #000;
}
.topbar right{
    text-align:right;
    position:relative;
    right:auto;
}
.topbar left{
    left:auto;
    position:relative;
    text-align:left;
}
.balanceleft{
    height:60px;
    border-bottom:solid #00AAB5 medium;
    text-align:center;
    background:#8CC1C1;
    color:#FFF;
    width:200px;
    vertical-align:text-bottom;
    padding-top:13px;
    border-right:solid #00AAB5 thin;
    
}
.deposit{
    height:60px;
    width:60px;
    background:#00AAB5;
    position:relative;
    position:fixed;
}

Ik zou het waarderen als iemand dit kan maken of er een div tabel van zou kunnen maken.

Heb je een voorbeeld?

En tabellen + css is niet altijd even chill..
Divs kan je makkelijk positioneren met css, maar tabellen niet echt.. Opmaak dan weer wel.
Je zou het met table attributen het beste kunnen oplossen denk ik.

Ik kan het nergens uploaden op dit moment, maar ik denk dat ik al een fix heb gevonden.

margin 0 auto; heeft een width nodig. anders werkt het niet.

Als je een mini hostje wilt kan je een PM sturen met je email en dan krijg je een hostje.

Ik doe alles op local host, ik heb wel een host, maar ik heb daar geen access toe.

Het is inmiddels opgelost, bedankt voor de hulp.

Xjessex schreef:

Heb je een voorbeeld?

En tabellen + css is niet altijd even chill..
Divs kan je makkelijk positioneren met css, maar tabellen niet echt.. Opmaak dan weer wel.
Je zou het met table attributen het beste kunnen oplossen denk ik.

Tabellen zijn met CSS perfect te positioneren.
Met attributen werken is wél beter/vereist voor HTML e-mail templates
@TS
Je steek je tabel beter in een div, en probeer die correct te positioneren