Skip navigation
jmacphot1975
Currently Being Moderated

Spry accordion and #wrapper issue

Apr 17, 2013 2:40 PM

Hi

 

I am in the process of trying to put together a portfolio site as part of a CIW course. If you look at the current site www.jmacphot.com you will see on the equipment page I have tried to add a spry accordion and then a spry tabbed menu inside the accordion. However you will see that when I insert a large amount of information into the content area it pushes the tab over the footer and does keep the footer at the very bottom of the page... I am stumped as I have not set any specific height on my CSS to keep moving.

 

Can someone please advise where I might be going wrong here. Sorry if this question has been asked repeatedly but I am very new to web design.

 

Your help with this is greatly appreciated!

 

Regards

 

John

 
Replies
  • Currently Being Moderated
    Apr 17, 2013 5:28 PM   in reply to jmacphot1975

    Normally, it is best not to have a height constraint in a layout, especially when thinking responsive web design (RWD). Because you have set the content height to 400px, you will need to constrain the height of the accordion as in

    .AccordionPanelContent {

        height: 320px;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points