Recent Topics

Sidebar Widget drop to bottom

Started by on Mar 21, 2012 – Contents updated: Mar 21, 2012

Mar 21, 2012 23:27    

It would be sweet if there was a setting on sidebar widgets to allow them to simply drop to the bottom of the sidebar, wherever that may be. For example, notice the puzzle pieces on this site: http://www.donofriowebsolutions.com/index.php/Portfolio/accolades/ - it would be great if they didn't look goofy right in the middle depending on how long the page is. I'm sure there's a way to hard code this but it would be an awesome switch to be able to just flip on in the widgets section so it would just drop to the bottom.

Mar 22, 2012 10:29

You can't easily make the sidebar fill the page height. What you can do is put that image in footer, then add these styles.

Code

#footer { position: relative }
#my-puzzles { position: absolute; top: -200px; left: -250px }

Code

<div id="footer">
<img id="my-puzzles" src=" ... " />
...
</div>

Edit "top" and "left" values to match your image height and width.

You will also need to set "min-height" property to #content, otherwise the image will cover your sidebar on short pages.

Mar 22, 2012 10:56

Or if you want to put a little more effort, fix that "faux columns" issue first, so that your sidebar height will match content.

Then apply the same technique sam2kb demonstrated above. (sidebar->position: relative, puzzles->position: absolute, bottom: 0;)

Btw, why would anyone put a 700px image and define 120px width /: total waste of internetz : D

May 17, 2012 15:15

is it like wordpress?


Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.