Solved

IE6 cross browser compatibiity

Posted on 2011-02-23
6
353 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
[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
  • 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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
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…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
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).

626 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