System Region "eating" (wrapping?) other system regions.

jriley's Avatar


07 May, 2014 12:43 PM

So, I have a template where a system region (footerbar in the template below) is wrapping up above other system regions with it's background, and even the layout view in-context editor for that region says it is for footerbar, even though it is up above press releases. Press releases, public service info, and special interest regions are built with velocity formats, and events, agenda and footberbar contain iframes. Footerbar also has some empty divs to be filled with content later.

Previously, the default region was (erroneously) right before footerbar, and when it had content in it, it kept footerbar from wrapping up above everything else. Please help. Let me know if more info is needed. Thanks!

    <system-region name="head" />
    <title ></title>
<body class="maxwidth1280">
    <div id="menuSlidersSearch">
        <system-region name="googlesearch" />
        <system-region name="mainNav" />
        <system-region name="DEFAULT" />
    <script type="text/javascript">
    <div id="mainContent">
        <system-region name="pressReleases" />
        <div class="bit-1">
            <system-region name="publicServiceInfo" />
            <system-region name="events" />
            <system-region name="agenda" />
        <system-region name="specialInterest" />
        <system-region name="footerbar" />
  1. 1 Posted by Ryan Griffith on 07 May, 2014 12:50 PM

    Ryan Griffith's Avatar


    This sounds like it may be more of a CSS overflow issue than a Cascade Server issue. Do you by chance have a sample page published that I can take a closer look at?


  2. 2 Posted by jriley on 07 May, 2014 03:30 PM

    jriley's Avatar

    Sure, just don’t judge our abilities by our very, very unfinished rough draft! Used copied over css from elsewhere and only worked with it enough to make sure the velocity formats and the template are working. ☺

    I thought it was a cascade thing because of how the system region in-context editor behaved but I guess that could be css related too.

  3. 3 Posted by Ryan Griffith on 07 May, 2014 03:39 PM

    Ryan Griffith's Avatar

    Not a problem at all, thank you for providing the link.

    To confirm, the main content area should have a white background while the bottom footer should have a light gray background? If so, it looks like you have a few options:

    • Add overflow: hidden; to #mainContent to clear the floated child elements
    • Add clear: left; to #footer-bar (or the outer <div> that surrounds it) to clear the spacing created by the floated elements within mainContent

    Also, I noticed you have the following CSS error for #footer-bar:

    font-family: Open Sans

    Note the font-family style is missing a semi-colon. This causes both of these styles to be treated as one and are not actually applied since it's invalid. You will notice the footer placement is way off when you fix this CSS error, so you might be able to simply remove position: fixed; all-together.

    Please let me know if you have any questions.


  4. 4 Posted by jriley on 07 May, 2014 04:17 PM

    jriley's Avatar

    Well, that cleared it up! Thanks.

  5. 5 Posted by Ryan Griffith on 07 May, 2014 04:24 PM

    Ryan Griffith's Avatar

    Not a problem at all, I am glad to hear that did the trick.

    I'm going to go ahead and close this discussion, please feel free to comment or reply to re-open if you have any additional questions.

    Have a great day!

  6. Ryan Griffith closed this discussion on 07 May, 2014 04:24 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac