?
Solved

jQuery accordion overlaps IE7 footer

Posted on 2010-08-23
2
Medium Priority
?
1,200 Views
Last Modified: 2013-12-08
Hi -
I have a problem with a website here:  http://thymetoeat.net/N2010/m/index.html - that I hope someone can help me fix.

When I view the page with IE7 the jquery accordion overlaps the footer.  This condition only exists until the accordion is used.  Once a title bar of the accordion is clicked the accordion and footer will separate.

This only happens (as far as I know) in IE6 and IE7 on Windows.  All of the Mac browsers work fine and FF on Windows works fine.  I haven't tested any others.

Thanks in advance for your input.  

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 13

Accepted Solution

by:
myderrick earned 1000 total points
ID: 33506852
Hi, I noticed you have a margin-bottom here: <div class="box-2" style="margin-bottom: 300px;">

Kindly remove the in-line style.

How does it look now?

MD
0
 

Author Comment

by:dzash2000
ID: 33511270
myderrick -
That was great!  

I remember why I put that margin-bottom there.  I don't want the bottom of the accordion to touch the footer.  Just a few dozen pixels space for comfort.

Thanks again,
D2
0

Featured Post

Quick Cloud Training

Looking for some quick training on the cloud in 2 hours or less? Check out these how-to guides in AWS, Linux, OpenStack, Azure, and more!

Question has a verified solution.

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

Several part series to implement Internet Explorer 11 Enterprise Mode
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses
Course of the Month11 days, 9 hours left to enroll

752 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