Firefox displaying narrow content

[tomaspernek]

Hello!

I am having issues with Firefox displaying the content on some of my pages in a different way compared to other browsers.

On this page

https://dev.whiteelk.se/one-moore-1000/

on the section “experience safe mooring” I use columns in the text field. The text field does not cover the full width of the page like in other browsers.

Similar way with the section below “Technical Specifications”, here all content is displayed in a narrow column instead of a full width two column layout.

Any ideas why?

Best!

/Tomas

[Ismael]

Hello Tomas,

Thank you for the inquiry.

We can reproduce the issue on Firefox but we are not yet sure what is causing it. It might an issue with the table element and the css property “columns: 250px 2”. Have you tried wrapping the table element inside a Div element? Let us know of the result.

If the above doesn’t work, you may need to manually split the table element into different columns and text elements.

Best regards,
Ismael

[tomaspernek]

Hello! Thank you for the fast response. How do I wrap an element inside a Div Element?

[Ismael]

How do I wrap an element inside a Div Element?

We tested this on our end, but wrapping the table element inside another div didn’t work. You may need to manually split the table into separate columns and text elements. So, you’ll have to create two tables — one for each column and text element.