CSS Block Takes Up Space on Page

leftquark

If you drop a CSS block onto a page it has dimensions (a height) that take up space on a page, despite the fact that it actually contains no content and is just back-end code. It should not take up any space; it should be invisible (it is not).

Example can be found here: http://www.aaronmphotography.com/Pages/Prints
Scroll to the bottom of the page and you will see a gap at the bottom of the page, created by the CSS block. Remove the CSS block and the gap goes away -- the borders end up on top of each other as you'd expect.



The code from a CSS block is loaded in the header of the page:

<link type="text/css" rel="stylesheet" href="http://cdn.smugmug.com/include/widgetcombo/combo.css?widget-2570185-0-2-p-532489-1-1380527322-min.css&widget-2582468-27-2-p-532489-1-1380527194-min.css" id="sm-page-widget-css" />

That's the ONLY thing that should be added to the page from the CSS block.

Yet, where you place the CSS block a <DIV> is created. The <DIV> contains no content but it does take up space.

<div class="sm-page-layout-row yui3-g" data-layout-row="r">
  <div class="sm-page-layout-column yui3-u" style="width: 100%;" data-layout-column="0">
    <div id="sm-page-widget-5g7Q7d3P" class="sm-page-widget sm-page-widget-css sm-page-widget-2582468" data-typeid="2582468">
      <div class="sm-page-widget-content">
        <div class="sm-page-widget-header"></div>
        <div id="sm-page-widget-WRwns4nj" class="sm-page-widget-body"></div>
        <div class="sm-page-widget-footer"></div>
      </div>
    </div>
  </div>
</div>

The gap seems to be ~30 pixels tall.

It makes things very difficult when you're trying to properly space things out, to have a CSS block adding space to a page. This <div> section of code needs to be NOT added when it's a CSS block. CSS blocks should not take up any space on a page. Please fix?

beardedgit

FWIW, I've been negating this by reducing the top margin of the CSS block. Try giving it a high negative value, say -40px. It's not ideal but it seems to work.

mbonocore

Thanks Aaron! Added to the active bug list

gbrookshaw

Hi all - is there any solution to this problem now?

Thanks

thenickdude

gbrookshaw wrote: »

Hi all - is there any solution to this problem now?

Thanks

Are you still having that issue? For me, if I have a CSS widget on the page, currently it doesn't even appear in the generated HTML, so can't be adding a gap to the page.

ChancyRat

I've been putting the CSS block at the bottom of the page, thinking out of sight out of - annoying potential anything.

mbonocore

This should have been fixed a while ago. Also we added a spacer content block to use for site design