Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post

    A sidebar Div is being pushed downwards.

    On this page, the block which contains product options is being pushed down to the bottom of the page.

    Can you see what is doing this?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    There's a
    Code:
    <div class="clearer"></div>
    in between those two divs, which causes that push.

    There are further elements like
    Code:
    <p class="required">* Required Fields</p>
    in the form, that causes further pushes.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post
    Thanks Abduraooft

    It is possible to include P tags inside a sidebar - I have seen this done before. Are you sure those P tags are contributing to the block being pushed downwards?

    I have added
    Code:
    .clearer (display:inline}
    , but this has not resolved the issue.

    Can you see a solution using CSS, as Magento Go does not allow you to edit the HTML of the templates, unfortunately.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Why do you need that empty div there? Just remove it.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post
    As I wrote above, I have no ability to edit the HTML of the template in Magento Go.

  • #6
    Regular Coder
    Join Date
    Jul 2011
    Posts
    101
    Thanks
    7
    Thanked 6 Times in 6 Posts
    You can just tell that block that you don't want to display:none; in the css... if that's at all related to what you guys are talking about. lol. Didn't check the site.
    Web Design Portfolio 1 | Web Design Portfolio 2
    --------------------------------------------------------------------
    *Reminder to self. Validate code - then ask forum questions.

  • Users who have thanked bdbolin for this post:

    SRD75 (03-27-2013)

  • #7
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post
    Thanks bdbolin.

    I've set the following custom CSS code in Magento Go:
    Code:
    .box-collateral {
       width: 250px;
    }
    .box tags {
       width: 250px;
    }
    The text "PRODUCT TAGS" under the main product section is contained in a div with class="box-collateral box-tags".

    Why is this div being displayed with a width of 940px?

  • #8
    Regular Coder
    Join Date
    Jul 2011
    Posts
    101
    Thanks
    7
    Thanked 6 Times in 6 Posts
    Not entirely sure... if you add float left it fixes it to just the width of the container though...
    Web Design Portfolio 1 | Web Design Portfolio 2
    --------------------------------------------------------------------
    *Reminder to self. Validate code - then ask forum questions.

  • #9
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post
    I've floated .box-collateral & .box tags but they don't rise up to the bottom of the other side bar elements.

    Can u see why? Thanks.

  • #10
    Regular Coder
    Join Date
    Sep 2011
    Posts
    264
    Thanks
    49
    Thanked 1 Time in 1 Post
    *bump*


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •