?
Solved

How do I keep the jQuery Accordion from touching the footer-especially IE7?

Posted on 2010-08-24
2
Medium Priority
?
403 Views
Last Modified: 2013-12-08

Hi -
I have an accordion on this webpage...

You can see that the bottom of the accordion is very close to the footer.  
This is especially apparent in IE7 where the two are touching.
 
I want there to be about 100px main-content space between the bottom of the accordion and the top of the footer.  I don't want the footer to be taller.  I tried adding "margin-bottom" to the accordion container but that really confused IE7.

Thanks in advance for your help.
d2
0
Comment
Question by:dzash2000
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 9

Accepted Solution

by:
wellhole earned 750 total points
ID: 33511789
Try wrapping the accordion inside a div with a style that adds the margin.
0
 

Author Closing Comment

by:dzash2000
ID: 33511990
Actually margin didn't work but padding did. Thanks
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month8 days, 14 hours left to enroll

764 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