Solved

IE7 Dojo Problem

Posted on 2011-03-04
1
565 Views
Last Modified: 2012-05-11
Hi,

URL:
http://center.e-enterprise.purdue.edu:8080/yeast/beta/Index.action

On IE7, as you can see, footer overlaps with the right column!
Dojo is being used widely for menu, tab creations etc.
It works on IE8 and Firefox 3.6

Please post your solution with fixes for IE7 and the solution should be cross-browser comptaible, i.e. it should not break up website on other browsers!

Thanks!
0
Comment
Question by:Purdue_Pete
1 Comment
 
LVL 15

Accepted Solution

by:
SRigney earned 500 total points
Comment Utility
The way floats work in IE6 and 7 are different than IE8 and the other browsers.  You'll need to wrap your contentwrapper and rightcolumn in one wrapping div that floats, and the footer will need to be outside that.

Another option is changing the right column to be float:left.   By having it float right, it removes it from the document structure flow.

There will end up being  other ie7 layout problems, like if your page is too small the text in the top won't line up.   IE7 makes you have to tweak lots of things to make it work like other browser.

You could also try the solutions suggested here.
http://stackoverflow.com/questions/2808015/css-my-site-looks-exactly-the-same-in-firefox-chrome-safari-but-ie7-its-all
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

743 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

13 Experts available now in Live!

Get 1:1 Help Now