What am I doing wrong?

[ghines]

Hi,

I'm using WWB16 and have placed a table in a layout grid. The columns are set to equal widths and look fine in WWB.



However in any browser the column widths are different:



Is there something I have done wrong?

TIA

[Pablo]

In HTML, table widths are dynamically determined by the browser based on the content. Each browser does this differently.

Note that HTML tables are not suppose to be used for layout purposes. That is what Layout grids are for.

[ghines]

Thanks for the reply @Pablo.

Would a Flex Grid be a better option as I did try that but could not find out how to make the background size be limited to the page width as it seemed to always go the full screen width no matter what I did.

[Pablo]

You can use the maximum-width property to limit the width of the grid.

[ghines]

You can use the maximum-width property to limit the width of the grid.

Yes, that limit's the width of the grid put not the background.

[Pablo]

For layout grids you can also use a negative max-width. See the help for more details.