Website is built differently on gitlab

[botkero]

hello,

I have a strange bug/behaviour that I can't explain and thought I would ask here.

When I build/test my site locally, everthing looks right.
correct
When I push my site to gitlab and host with gitlab pages, then the formatting of my table is broken.
wrong

image: python:3.10-buster
before_script:
  - pip install -r requirements.txt

test:
  stage: test
  script:
  - mkdocs build -f project/mkdocs.yml --strict --verbose --site-dir test
  artifacts:
    paths:
    - test
  rules:
    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
      changes:
        - "project/docs/**/*"
        - "project/docs/*"

pages:
  stage: deploy
  script:
  - mkdocs build -f project/mkdocs.yml --strict --verbose
  - mv project/site public
  artifacts:
    paths:
    - public
    expire_in: 1 week
  rules:
    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH
      changes:
        - "project/docs/**/*"
        - "project/docs/*"

The difference lies in the html code in these lines:
correct: <th align="center">
wrong: <th style="text-align: center;">

But I can't explain why the page is created differently on gitlab. btw, I work with a table where the borders are not visible.

Edit: hi again,

I still havent got the problem fixed, but I wanted to give more input. I have trimmed my page down to the bare minimum and link it here as a download. You can try the page locally and find out that it works and via gitlab ci runner somehow not. The table is then suddenly no longer centred and gets a text align instead. I hope that makes it easier.

projectproject.zip

[squidfunk]

I'm not a user of GitLab (I host all my stuff on GitHub), maybe somebody else can help!

[botkero]

I have found a workaround for me. I have created a css class and center the images using it.

.image-in-table {
  margin-left: auto;
  margin-right: auto;
}