remove big space in content area

Posted on 2011-10-04
Last Modified: 2012-05-12

I'm stuck on the big space in the middle of the page before the description.

I attempted div.producttext {clear:none;} which brings .producttext to the top. Only then it covers the product image. Why is this gap occurring? How can I make the description sit right under the content above it?
Question by:SonicVoom
    LVL 5

    Expert Comment

    In wpsc_style.css, search for body.single-wpsc-product .producttext change top: -80px for -390px

    body.single-wpsc-product .producttext {
        position: relative;
        top: -390px;

    Open in new window

    BTW It works on all browsers, except ie 8 and 9... in ie8 and 9 all the styles are messed up :S
    LVL 9

    Accepted Solution

    I suspect your 'ul' element for left hand itmes is pusing the description content down. You can try wrapping the ul element into a div and making it float.

    Can you try the style below for div.producttext ?

    Remove top:-80px;

    'top' property only works with absolute positioned element. For relatively positioned element you have to work out with margin.
        clear: none;
        margin-top: 160px;
        position: relative;
        /*top: -80px;*/

    Open in new window

    LVL 9

    Expert Comment


     div.wpsc_description {
        margin-bottom: 10px;
        padding-top: 60px;
    LVL 2

    Author Comment

    It was something to do with relative vs absolute positioning.
    LVL 2

    Author Closing Comment

    Yours was related, but not really what I ended up doing.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: HTML5 Mobile App Development with PhoneGap

    PhoneGap can help you leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps.This program comprehensively covers HTML5 mobile app development from top to bottom.

    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be Log into your Hosting account. IPage will be used for demonstration : Locat…
    The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: : Click on Too…

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now