Solved

IE6 cross browser compatibility

Posted on 2011-02-15
7
279 Views
Last Modified: 2012-05-11
Site: http://ndlrnstage.esa.edu.au/for_teachers/for_teachers_intro.html

The top banner image which is a combination of two images look fine in FF, IE7 and 8 but look silly in IE6. In IE6 the left image goes down.

Also, the 'working partners' box goes down.

Any clues?
0
Comment
Question by:jeremyll
  • 4
  • 2
7 Comments
 
LVL 10

Assisted Solution

by:himanshut
himanshut earned 250 total points
ID: 34903690
Add this meta tag between your <head> </head> tag

<head>
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
</head>
0
 
LVL 18

Accepted Solution

by:
Eternal_Student earned 250 total points
ID: 34905713
Try and increase the width of div.container


0
 

Author Comment

by:jeremyll
ID: 34912860
@himanshut: I added <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> which didn't work.

@Eternal_Student: I tried to increase the width div.container to 800px which didn't work
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 18

Expert Comment

by:Eternal_Student
ID: 34914111
The IE-EmulateIE7 is for IE8 browsers, ill take a closer look at this for you.
0
 
LVL 18

Expert Comment

by:Eternal_Student
ID: 34917876
Ok this is quite an easy fix:

div.logo-inner {
      float:right;
}
0
 

Author Closing Comment

by:jeremyll
ID: 34921981
Didn't solve my problem. But gave some clues.
0
 
LVL 18

Expert Comment

by:Eternal_Student
ID: 34924613
What was the solution then?
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
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).

773 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