Solved

IE7 Dojo Problem

Posted on 2011-03-04
1
584 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
[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
1 Comment
 
LVL 15

Accepted Solution

by:
SRigney earned 500 total points
ID: 35043931
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

Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

Question has a verified solution.

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

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

738 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