Why does my preview look different to WWB?

[alan_sh]

I'm experimenting with flex boxes. So I have a very simple page with a page header, a flex box with a heading and a menu and a page footer. I've set the background colour of the page header and footer so I can see them when I preview.

In WWB, the page header is above the flexbox and the heading (inside the flexbox) is clearly below the page header. But when I publish it, the heading appears in the middle of the page header and not below it.

Why is that?

There's a link to the project here https://www.dropbox.com/s/1zmz63u97csrl ... 1.wbs?dl=1 - it only has 1 page and only the items I've shown above.

I'm sure it's something to do with offsets or similar, but I'm somewhat confused that WYSIWYG isn't.

Alan

[crispy68]

Hey Alan_sh,

The reason why the heading is not below is because the flexgrid is a floating object and the page header is not. You are mixing floating and non floating objects together. It looks correct in the workspace so that you can edit them otherwise it would be a nightmare if they actually overlapped. If you want it to appear the same way in the workspace, you need to set the pageheaders mode to 'floating'.

[alan_sh]

Thanks - yes, changing from Default to Floating fixed that. I didn't realise that default meant Fixed.

Cheers

Alan

[crispy68]

Hey Alan,

It doesn't mean default = fixed, its more the reason if you are using floating objects everything else needs to be floating as well. If you mix in something that is fixed position then those objects will overlap the floating ones. By making the page header floating, the flexgrid now floats right below it.