Solved

IE6 cross browser compatibiity

Posted on 2011-02-23
6
328 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
css issues with IE 11 8 34
Using jQuery to set a DIV attribute on page load 9 30
Change Background Color of Website 5 17
Increase the size of the modal in Bootstrap 5 25
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.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

770 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