Results 1 to 3 of 3
  1. #1
    Join Date
    Feb 2009
    Location
    UK
    Posts
    1,221
    Plugin Contributions
    1

    Default Can't align 'editable sidebox' to bottom of sidebox column

    I've been trying this for ages, to no avail.

    I want to add a new box to the bottom of my sidebox column, I've tried 'editable sidebox, 'blanksidebox' and 'logo sidebox' so the problem is not in the mod - more to do with the stylesheet I feel. It's easy to make it appear below the last sidebox e.g. banners but I can't isolate and move this extra sidebox to the bottom.

    I've tried position: absolute; & bottom: 1px; in #editablesidebox, this just moves it 'up!' a degree rather than to the bottom.

    A link to the site is here. You will see that I have put the paypal logo as a 'background' but I really want to put it in a sidebox along with the 'Shopmania' logo and have both at the bottom of the column.

    Any ideas?

    Cheers

    Simon

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Can't align 'editable sidebox' to bottom of sidebox column

    That is a limitation of div-based styling - it is not possible to make a div stretch vertically to match a neighbor's height.

    In this case, you can use absolute positioning to locate the sidebox. Find #mainWrapper { in your stylesheet and add to it

    position: relative;

    Find #navColumnOneWrapper and add to it

    margin-bottom: 250px;

    Then add a new rule:
    Code:
    #editablesidebox {
    position: absolute;
    bottom: 200px;
    }
    If you want to add the Paypal logo to the sidebox, adjust the numbers accordingly.

    This will take the sidebox out of the layout flow and locate it in terms of its positioning context, defined to be #mainWrapper.
    If the page is short enough that the sidebar reaches the bottom, the margin-bottom is needed to keep the rest of the sidebar contents from overrunning the sidebox, because the sidebox no longer holds its own space in the layout.

  3. #3
    Join Date
    Feb 2009
    Location
    UK
    Posts
    1,221
    Plugin Contributions
    1

    Default Re: Can't align 'editable sidebox' to bottom of sidebox column

    I see, thanks Glenn,

    I understand now, will try it out.

    Thank you for taking the time to reply.

    Cheers

    Simon

 

 

Similar Threads

  1. Editable Sidebox Mod
    By yeah! in forum Addon Sideboxes
    Replies: 1
    Last Post: 23 Nov 2011, 08:31 AM
  2. Editable Sidebox
    By doll5272 in forum General Questions
    Replies: 9
    Last Post: 2 Mar 2011, 08:13 PM
  3. Editing editable sidebox
    By Matt Smith in forum Addon Sideboxes
    Replies: 2
    Last Post: 20 Oct 2009, 02:29 PM
  4. Left sidebox column dropped to the bottom of the Page
    By ricefran in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 17 Aug 2008, 06:40 AM
  5. added comodo sidebox, sidebox not completed on bottom half
    By b18cya in forum Basic Configuration
    Replies: 4
    Last Post: 13 May 2007, 02:26 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR