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
Solved

IE6 cross browser compatibiity

Posted on 2011-02-23
6
334 Views
Last Modified: 2012-06-27
'Publishing Resources' button looks fine on homepage. but it gets shifted to the left 3-6px when I click on it. (There are three main horizontal ones including this one)

This is strange because it both pages reference the same class 'ul.inner-tab-3 a'.

I just want the button to look consistent and look the same as on the homepage.

This problem doesn't exist in FF, IE7 or IE8

homepage: http://ndlrnstage.esa.edu.au/
problem page: http://ndlrnstage.esa.edu.au/for_developers/for_developers_intro.html
0
Comment
Question by:jeremyll
  • 2
  • 2
6 Comments
 
LVL 12

Expert Comment

by:Amick
ID: 34967251
This is a known problem with IE6. Search for IE6 3 pixel bug to find a number of solutions.
0
 
LVL 16

Expert Comment

by:s8web
ID: 34985035
Your link doesn't resolve.

You can use

*html selector_here, for example:

*html ul.inner-tab-3 a{your ie6 tweaks here}

 to target ie6 specifically, but personally I wouldn't care too much about IE6. It's an old browser that doesn't understand modern practices. Technically it has been retired. Microsoft doesn't support it anymore.
0
 
LVL 16

Accepted Solution

by:
s8web earned 250 total points
ID: 34985038
Make sure the IE6 stuff comes after the declaration for modern browsers.
0
 
LVL 12

Assisted Solution

by:Amick
Amick earned 250 total points
ID: 34990328
I ran across this website, IE6 Fixer, which accepts your master CSS and outputs targeted fixes for the known bugs in IE6.  You may find it useful.

0

Featured Post

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How do I select this logo using CSS? 6 29
Can I install Windows on a Chromebook? 3 45
Internet options/Settings 1 45
Web Easy Professional 10 Embedded Facebook 1 15
This article discusses four methods for overlaying images in a container on a web page
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

840 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