Results 1 to 10 of 12

Hybrid View

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

    Default Re: Align two sideboxes

    I don't see your information sidebox...

    It appears you are displaying your Zen Cart inside an <iframe>. This is a problem, because the checkout will not work this way. It may also be related to other problems - I can't tell because the iframe hides all the source code and CSS.
    Last edited by gjh42; 23 Jan 2010 at 08:03 PM.

  2. #2
    Join Date
    Dec 2009
    Posts
    8
    Plugin Contributions
    0

    Default Re: Align two sideboxes

    Quote Originally Posted by gjh42 View Post
    I don't see your information sidebox...

    It appears you are displaying your Zen Cart inside an <iframe>. This is a problem, because the checkout will not work this way. It may also be related to other problems - I can't tell because the iframe hides all the source code and CSS.
    Don't worry about iframe and checkout, it's OK.
    Try this link instead: http://ddautomatisering .com/winkel/index.php?main_page=index&cPath=63_68_1002398

    It's the frame itself. Again remove the space before the ".com".
    Thanks for the replies so far.

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

    Default Re: Align two sideboxes

    The table elements apparently can't use "position: relative;", but #mainWrapper is a div, and as long as the footer is a fixed height, this will work:
    Code:
    #mainWrapper {position: relative;} 
    
    #navColumnOneWrapper { padding-bottom: 13em;}
    
    #information {
        position: absolute;
        bottom:4.0em;
        }

  4. #4
    Join Date
    Dec 2009
    Posts
    8
    Plugin Contributions
    0

    Default Re: Align two sideboxes

    Quote Originally Posted by gjh42 View Post
    The table elements apparently can't use "position: relative;", but #mainWrapper is a div, and as long as the footer is a fixed height, this will work:
    Code:
    #mainWrapper {position: relative;} 
    
    #navColumnOneWrapper { padding-bottom: 13em;}
    
    #information {
        position: absolute;
        bottom:4.0em;
        }
    You got it!
    Well I only had to add 'height:150px;' inside (otherwise it's 100% breaking the top), but that's it.
    Thank you very much and thanks all for your time dealing with this.

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

    Default Re: Align two sideboxes

    The shop homepage has a problem.
    Since you made the information sidebox 150px high, you need to add more padding-bottom on #navColumnOneWrapper. 19em looks like it will work.

  6. #6
    Join Date
    Dec 2009
    Posts
    8
    Plugin Contributions
    0

    Default Re: Align two sideboxes

    Quote Originally Posted by gjh42 View Post
    The shop homepage has a problem.
    Since you made the information sidebox 150px high, you need to add more padding-bottom on #navColumnOneWrapper. 19em looks like it will work.
    Yes, I noticed it. Just shortened the info box to 110px. It's OK now.
    Thanks again.

 

 

Similar Threads

  1. How to modify css to align horizontally these two items?
    By westdh in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 26 Aug 2012, 02:11 PM
  2. Align sideboxes to the left
    By monkeytastic in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 9 Apr 2010, 11:00 AM
  3. Sideboxes text align problem on some pages
    By thefisherofmen in forum Basic Configuration
    Replies: 4
    Last Post: 19 Mar 2010, 04:15 PM
  4. align manufacturer beside pic, and move two buttons. + Site Critique
    By wolf99 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 8 Dec 2006, 07:37 PM
  5. How to align subcategories in sideboxes?
    By theveed in forum Basic Configuration
    Replies: 2
    Last Post: 31 Jul 2006, 05:25 AM

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