Solved

Cross browser compatibility IE6 & IE7: breadcrumbtrail

Posted on 2011-03-02
6
754 Views
Last Modified: 2012-05-11

http://ndlrnstage.esa.edu.au/for_jurisdictions/resource_development_process/digital_resources/research_and_writing.html

This page looks fine in IE8 and FF but not in IE6 or IE7

The problem with the breadcrumb trail in IE6/IE7 is that the last item (Research and writing) is displaying over two lines.
The whole item, 'Research and writing' should go down one line.

??
0
Comment
Question by:jeremyll
  • 3
  • 2
6 Comments
 
LVL 10

Expert Comment

by:himanshut
ID: 35022964
Add this meta tag between your <head> </head> tag

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

Author Comment

by:jeremyll
ID: 35023022
@himanshut tried that, but didn't work. thanks.
0
 
LVL 12

Expert Comment

by:Chad Haney
ID: 35031235
I'm not able to get the ndlrnstage subdomain to respond, so am unable to see your code.  Can you provide the css and html for this area or an accessible link?
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.

 

Author Comment

by:jeremyll
ID: 35032172
Apologies. it seems to be flaky.

I manage to run it through the W3C validator: http://validator.w3.org/check?uri=http%3A%2F%2Fndlrnstage.esa.edu.au%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Please try again.
0
 
LVL 12

Accepted Solution

by:
Chad Haney earned 500 total points
ID: 35032370
add white-space:nowrap;  to the css for #breadcrumbs ul li in formatting.css
0
 

Author Closing Comment

by:jeremyll
ID: 35032674
dachusa: LEGEND
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

809 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