superzero10 superzero10 - 1 year ago 108
CSS Question

CSS positioning multiple tables

I have an issue with my css bootstrap.
I have a web page with multiple tables, they must be side by side.
but my css mess up everything :/

The real issue is, i can't put different css attributs on different table. Every table have the same attributs (it's printed in a loop)

my page should be like:

[table] [table] [table]

[table] [table] [table]


But it goes like :

[table] [table] [table]


[table] [table] [table]

( '.' are spacing)

my bootstrap tables attributs :

table {
background-color: #646569;
float: left;
color: #ffffff;
border-radius: 4px;

.table {
width: 30%;
max-width: 30%;
margin-bottom: 20px;

my html table :

<table class='table table-bordered table-responsive sortable'>

Can someone help me or give me a tip ? ty ! ^^

Answer Source

Don't float them. Use display: inline-table; instead.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download