• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 217
  • Last Modified:

remove big space in content area

http://generationthrive.com/vitality-shop/books-categories/raw-emotions/

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?
0
SonicVoom
Asked:
SonicVoom
1 Solution
 
PragmatiCoderCommented:
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
0
 
darkappleCommented:
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.
div.producttext{
    clear: none;
    margin-top: 160px;
    position: relative;
    /*top: -80px;*/
}

Open in new window

0
 
user_nCommented:
Try

 div.wpsc_description {
    margin-bottom: 10px;
    padding-top: 60px;
}
0
 
SonicVoomAuthor Commented:
It was something to do with relative vs absolute positioning.
0
 
SonicVoomAuthor Commented:
Yours was related, but not really what I ended up doing.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now