Page Layout Change When Hosted on Outside Server

I’m noticing a layout change on the following page when hosting a site on an outside server.

You’ll notice this page layout works well when published to the Webflow server:
http://woodstonesite.webflow.io/woodstones-lesson-board

The same layout functions differently when hosted on and outside server:
http://woodstone.businesscatalyst.com/woodstones-lesson-board.html

There appears to be some margin added to my inline divs, causing the last of 4-across to be bumped down. I can’t seem to figure out why this is happening and how hosting outside Webflow would change anything.

The only thing different between the two sites is that I’ve added an animated graphic on this page:
http://woodstone.businesscatalyst.com/client-centered-integration.html
Doesn’t seem like this would be causing the issue.

This is the shared link to my working doc:
https://preview.webflow.com/preview/woodstonesite?preview=0a6d502d332bb2e1776f65832bac7125

Any clarification or work-arounds ideas welcome!

Hi @Port_of_Folio, sorry to hear about the issues after export. The first thing I would check, is our common problems page when exporting sites: http://help.webflow.com/features/exporting#whitespace-and-inline-block

After checking that info out, and trying the solutions given, if that still does not help, then a further look can be taken at design styles :smile:

Cheers,
Dave

1 Like

Yep, found something that did the trick. Thanks for the link. I didn’t search the forum using the correct wording/phrase.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.