Only my index page isnt publishing correctly.

[waynethetodd]

Hello, I am having an issue with my site trafficsignsminnesota.com

Every other page seems to be uploading correctly, except for the index page. It seems to be missing a lot of it's CSS. Nagivate to the website to see what I am talking about. Thank you for any advice. I have tried just uploading the index page, and only uploading HTML files.

I have also tested the connection, and explored using the FTP functionality of the software, and both of these things are saying things are configured correctly.

EDIT: I tried uploading a clone of the page under the name "home-page.html" and things display correctly. It seems to be an issue with any page named "index" specifically.

EDIT2: I have fixed the issue temporarily by making the CSS for the index page inline. I would like to not have to do this in the future, can anyone explain to me what the issue was? Thank you in advance

[crispy68]

Do you have another page on your server named index... like index.php? If so, delete it.

[waynethetodd]

As far as I am aware, no. I went through the FTP "explore" function as well as my actual serverspace and there is no other page called "index" of any file type.

The page works as soon as I make the CSS inline instead of external. Any suggestions there? Thank you again.

trafficsignsminnesota.com/index.php returns a 404, which is expected as there is no page called index besides index.html

[Pablo]

To be able to help you, I need a copy of the project file so I can see all your settings.

[waynethetodd]

Sure I can provide this via a dropbox.

Here you go.

http://www.mediafire.com/file/emrfireg4 ... 1.wbs/file

[waynethetodd]

Also, it seems that what I see in the editor is not what is published. You can view this problem on the Regulatory Signs page where the photo gallery cuts under the content below it. This is not an issue in the editor

http://trafficsignsminnesota.com/Regula ... esota.html

[Pablo]

Your project works correct for me.
When I publish your index page it looks correct as far as I can tell.
What do I need to do to see the problem?

Also, it seems that what I see in the editor is not what is published. You can view this problem on the Regulatory Signs page where the photo gallery cuts under the content below it.

The reason for this is because in the editor the title is rendered as one line, The gallery title was designed to be one line, because rendering multiple would impact the performance of the editor. Calculating multi line text during design-time would take a lot of extra processing time. As as workaround you can put a place holder object (for example a transparent shape) at the bottom of the page to force the footer further down the page.

Note that is not an issue when you use flexible layout, then everything will be scale and re-positioned automatically.

[wwonderfull]

Place the gallery inside a layout grid and the content in a layout grid also. Now a days for responsive web design and developing layout and flex grid has now become the trend. It will 100 percent fix your problem. Just put all the contents in the layout or flex grid. And you can use break-points in grids also.

[waynethetodd]

Unfortunately, we can't use the layout grid because it doesn't interact well with master pages and content placeholders. The layout grid seems to ignore the content placeholder

[waynethetodd]

Your project works correct for me.
When I publish your index page it looks correct as far as I can tell.
What do I need to do to see the problem?

Also, it seems that what I see in the editor is not what is published. You can view this problem on the Regulatory Signs page where the photo gallery cuts under the content below it.

The reason for this is because in the editor the title is rendered as one line, The gallery title was designed to be one line, because rendering multiple would impact the performance of the editor. Calculating multi line text during design-time would take a lot of extra processing time.
Note that is not an issue when you use flexible layout, then everything will be scale and re-positioned automatically.

https://imgur.com/a/YaBDyeQ
This is what I see when I publish page or preview in browser. This is not how it looks in the editor. This is the issue I am having.

[Pablo]

Unfortunately, we can't use the layout grid because it doesn't interact well with master pages and content placeholders.

There are no known issues with this functionality.
You can download a working example here:
https://www.wysiwygwebbuilder.com/master_frame.html

This is what I see when I publish page or preview in browser.

Please see my previous reply.

[waynethetodd]

What do you mean by the gallery title is set to render on one line? I am confused by this, my apologies

[Pablo]

In the workspace, the title is always rendered as one line. In the browser, a long text may be wrapped.
So, in that case the text will take up more vertical space and increase the height of the gallery.
That is the downside of using fixed layout. You cannot always get pixel perfect results with text.
This is not an issue when using flexible layout. But you can also try the suggested workaround.

[waynethetodd]

Interesting

[waynethetodd]

@Pablo Should I be using a flexible grid for my master pages as well or is that only necessary for the content pages?

[Pablo]

If you use flexible layout, then it should be for the entire page, including the master page.
However, you can also use (floating) layers to mix it with absolute/fixed content.

[waynethetodd]

Got it, so I can use a floating content placeholder that contains static content with a master frame that uses a flexible grid layout?

If so, would you recommend using a Flex Grid or a Layout Grid for the master frame?

[Pablo]

Flex grid or layout grid is your personal preference .
But if you are not familiar with flexible layouts then I suggest to start with layout grids, because they may be easier to use.

[waynethetodd]

So, as I understand, using static content inherently will give me inconsistency between what is shown in the editor and what is actually published?

That seems to be what was explained to me for the odd behavior of my photo gallery. The way we've set up our websites, it would take MONTHS to take everything and move it into layout grids.

[Pablo]

So, as I understand, using static content inherently will give me inconsistency between what is shown in the editor and what is actually published?

Correct, because there is no pixel perfect way to render text the same in all browsers.

The way we've set up our websites, it would take MONTHS to take everything and move it into layout grids.

In that case, you can try my other suggestion.

[waynethetodd]

When I set the content placeholder to "floating" it sticks to the top of the page, ignoring everything else. Is this intended? https://imgur.com/a/9pdtJbV

So at this point, would I need to use grids anyways?

[Pablo]

This is intentional. All floating elements start at the top of the page.

Related tutorial:
http://wysiwygwebbuilder.com/layout_modes.html