aligning a table horizontal

nicofelix · May 2016

Hello,

I am using the muffin builder.

I currently have a column-item with a table inside on my first page.

Text-align of the column-item is center.

When I open the page on my pc, the table fills 100% of the width of the website, which is exactly what I want.

My problem is, that when I start to make the browser-window horizontaly smaller, at some point, the table does not fill 100% of the website but only a small part on the left side.

Do you know how to avoid this?

Albert · May 2016

Hi,

please send us link to page where you got this table so we can have a look on it.

Thanks!

nicofelix · August 2016

Now I have uploaded my website.

The problem is about the grey boxes (box-heading: "Top 5 Wettanbieter") on the right side of page http://ltsb-investments.de/sure-bet-rechner/

If I start making the browser-window horizontaly smaller, at some point the grey boxes snap from the right side to the bottom of the page (which is ok).

But at the same time the table inside the box doesnt fill the whole box anymore but only about 1/3 of the box aligned to the left.

I want the table to always fill out the complete box from left to right.

Is that possible?

Regards,

Nico

Albert · August 2016

Ok, we see what you mean. However, this is how responsive works and there is no way to make this box wider on smaller devices.

nicofelix · August 2016

Thx for your answer.

Just to know, that we mean the same:

I dont want to make the box wider on smaller devices but I want the content of the box (a table) to fill out the complete box.

That is not the case on small devices.

Albert · August 2016

But the content already fill out the complete box. If not, please show us on the screenshot how it looks like on your side.

nicofelix · August 2016

Hello,

here are the two screenshots:

small browser window:

https://www.dropbox.com/s/2iy wrfyoaq3vjxd/Bildschirmfoto 2016-08-12 um 15.23.29.png?dl=0

normal browser window:

https://www.dropbox.com/s/2iywrfyoaq3vjxd/Bildschirmfoto 2016-08-12 um 15.23.29.png?dl=0

As you can see, the table is not stretched to the whole grey box in small browser window.

Albert · August 2016

Ok, got it. So the tables has always auto width. Of course, you can increase td to 100% but it wouldn't look good in our opinion. If you want, you can increase it with the following css:

table td { width: 100% !important; }

aligning a table horizontal

Comments