Search code examples
htmlcsstiki-wiki

Table alignment in a single HTML page


This is a theme, HTML or css issue. So please don't leave this when I mention "tiki". I believe it can be solved with a supposedly simple css script.

In our university page, I use the Tiki-wiki platform. Please take a look at the people page. This page consists of multiple tables, in each, there's a group of people listed.

The problem: In the previous version of Tiki, all names in the whole page were aligned without my intervention. Now in the new version of Tiki, you see that all names are not aligned. Every table has its own positioning of the names. This is the case although all tables have exactly the same html tagging and css styling and exactly same image sizes.

The fact that this worked in the previous version of tiki, made me believe that this is nothing but a styling issue, since themes also were updated.

Could you please tell me what I have to do to fix this and make all names aligned? For each table I created my own div with class name "peopletablediv".

If you require any additional information, please ask.

PS: Recreating the whole page isn't a preferred solution.


Solution

  • Just add

    .peopletablediv .wikitable {
        table-layout: fixed;
    }
    

    to your site's CSS and you're done.