Preview is fine - publish is not

[SelfSimilar]

I have a page with about a dozen consecutive tables. When I preview it everything looks fine. When I publish it some of the tables are overlapped

Why?

[Pablo]

Maybe you did not publish all files?

Note: to be able to help you, I need to see what you have done.

[SelfSimilar]

Yes - all files were published.

[SelfSimilar]

I will see if I can upload the preview file and published files to a web site to show you.

I have encountered this problem a few times - thanks

[Pablo]

Maybe there is problem with your browser?
Did you try to clear the cache?

[SelfSimilar]

Yes - always refresh the browser to ensure I get the correct view of the latest upload

[bkjohns]

How are you designing the site? Layout/Flex grids or multi-view breakpoints (non responsive)? Have you tried deleting one table at a time and testing it that way to see if it is table specific?

[SelfSimilar]

Not using Layout/Flex grids. I cannot find info on multi-view breakpoints

[Pablo]

Can you please share the URL of the page?
It is very difficult to give you any useful advise if I do not know what you have done.

[SelfSimilar]

This is the link to the old page before I made modifications. Each business partner is an entry is a table. When I added a new table to the top of the list and realigned the tables such that the page showed correctly in Preview mode - some of the tables overlapped when published -- so I reverted back to the old version until I figure out a fix

https://www.saskatoonhortsociety.ca/bus ... tners.html

As stated earlier when I get a moment I will create a problematic page to and mount it. This project is a volunteer project - not a priority at the moment

[Pablo]

What is the URL of the problematic page?
And what are your exact settings?
or do you have a demo project?

[SelfSimilar]

Ask explained the problematic page is not mounted as it is problematic - the original page is back until I can find a fix to prevent table overlaps when new table(s) are entered in the list of tables. How would multi-view breakpoints solve this problem?

[BaconFries]

Ask explained the problematic page is not mounted as it is problematic

And without seeing the problematic page how can we view to see what you have done!. As Pablo please provide a link to the problematic page.....or provide a demo so it can be viewed. You should note the using Tables isn't the best way to design your site for modern browsers and the likes of Android /Apple products You should consider using breakpoints /Layout Grids or Flex.
https://www.wysiwygwebbuilder.com/forum ... 10&t=76722

[SelfSimilar]

It is not a sophisticated web site and it has to manageable by novices volunteers. Hence I choose a WYSIWYG tool. Perhaps this is not the tool for them

Personally I build web sites directly in HTML / PHP /PERL notWYSIWYG

[SelfSimilar]

The issue I am trying to understand it how can a page look great in page preview but is screwed up when the page is published?

What does publishing do differently that previewing?

[crispy68]

Nothing. Typically if preview looks correct but the published site looks different, it's due to the fact that either files are missing on the server or some files did not get updated.

[Pablo]

What does publishing do differently that previewing?

There is no difference between the code of the preview page and the published page. In both cases the exact same code will be generated.
Usually, when the published page does not look the same there are missing files on the server or invalid files names.
The only way i can help you with this if I can see the problematical page, so I can see if anything is missing.

[BaconFries]

What does publishing do differently that previewing?

Nothing...hence why we are asking you to either provide a url or a basic copy of your project so we view and help you without either we are simply going round and round with no solution.

You previously asked what are breakpoints well they are simply pixel values that you the designer can define with css in order that the page and it's contents will adapt to whatever device they are using ie Mobile devices so giving them the best experience.
You can see this at the following url see the image / video and how it breaks / adapts as it's size changes this is "Breakpoints" also known as RWD responsive web design.
https://developers.google.com/web/funda ... responsive