Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    2 Star Lounger
    Join Date
    Jan 2001
    Location
    Yreka, California, USA
    Posts
    187
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Website displays correctly in IE but not in Firefox or Chrome

    I'm not sure if this is the appropriate place for this post or even if the Lounge has a place to help with this issue. Our problem is how a page displays in FirieFox or Chrome.
    We've just discovered that all the pages with links on our County Internet page do not work correctly with FireFox or even Chrome. They work fine with Internet Explorer Browsers. We have a CSS navigation with flyouts master template applied to all pages.

    I believe the problem happens when any page has a link that is under what would be the flyout if it were present. It's kind of hard to explain as I likely don't have the right terminology! Hyperlinks just don't work when on the top part of pages when viewed with FireiFox or Chrome. I din't create the site, but rather am one of the people who maintain it now.

    Here are a couple of page links that might better illustrate the issue, if you view them with FireFox: http://www.co.siskiyou.ca.us/website/services.aspx http://www.co.siskiyou.ca.us/website/localgov.aspx

    I'm open to suggestions. I'd just like to make it work correctly with FireFox in paprticular.
    Thanks much, Judy Crawford

  2. Subscribe to our Windows Secrets Newsletter - It's Free!

    Get our unique weekly Newsletter with tips and techniques, how to's and critical updates on Windows 7, Windows 8, Windows XP, Firefox, Internet Explorer, Google, etc. Join our 480,000 subscribers!

    Excel 2013: The Missing Manual

    + Get this BONUS — free!

    Get the most of Excel! Learn about new features, basics of creating a new spreadsheet and using the infamous Ribbon in the first chapter of Excel 2013: The Missing Manual - Subscribe and download Chapter 1 for free!

  3. #2
    Gold Lounger Roderunner's Avatar
    Join Date
    Dec 2009
    Location
    Scotland.
    Posts
    3,426
    Thanks
    16
    Thanked 212 Times in 180 Posts
    Hi Judy, this is how they show with FF9.0.1

    1.jpg

    2.jpg
    George's PC Specs. / Laptop. Desktop.

  4. #3
    2 Star Lounger
    Join Date
    Jan 2001
    Location
    Yreka, California, USA
    Posts
    187
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks muich, but can you click on the links say on the Online Services page, about half way down, Board of Supervisors - Agendas. On my Firefox I can only click on the last two items which are probably below the CSS reserved space. Hope you can on your version, J
    Thanks much, Judy Crawford

  5. #4
    Gold Lounger Roderunner's Avatar
    Join Date
    Dec 2009
    Location
    Scotland.
    Posts
    3,426
    Thanks
    16
    Thanked 212 Times in 180 Posts
    Hi Judy,

    The links are on the left pane as my image.

    RR.jpg
    George's PC Specs. / Laptop. Desktop.

  6. #5
    2 Star Lounger
    Join Date
    Jan 2001
    Location
    Yreka, California, USA
    Posts
    187
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I still don't think you get what I'm asking sorry to be so bad it explaining. The question, on that Online Services page can you click on something like file Job Opportunities, or Assessor's Parcel Data, from the links internal on the pages. Thats where we are having the problem. Not from the links on the left side. It's the hyperlinks in the middle of the page. If yours works like mine the bottom one or two might appear as links, but the rest don't even though they are hyperlinks and work in IE. Thanks much, Judy
    Thanks much, Judy Crawford

  7. #6
    Gold Lounger Roderunner's Avatar
    Join Date
    Dec 2009
    Location
    Scotland.
    Posts
    3,426
    Thanks
    16
    Thanked 212 Times in 180 Posts
    I highlighted the ones that are links.

    1.JPG
    2.JPG
    George's PC Specs. / Laptop. Desktop.

  8. #7
    2 Star Lounger
    Join Date
    Jan 2001
    Location
    Yreka, California, USA
    Posts
    187
    Thanks
    1
    Thanked 0 Times in 0 Posts
    THanks so much, then the problem still exists. Am sure it is a CSS3 issue, but how to solve is another matter! Thanks for your time, Judy
    Thanks much, Judy Crawford

  9. #8
    Gold Lounger Roderunner's Avatar
    Join Date
    Dec 2009
    Location
    Scotland.
    Posts
    3,426
    Thanks
    16
    Thanked 212 Times in 180 Posts
    Seems to me, to be 2 badly laid-out sites.
    George's PC Specs. / Laptop. Desktop.

  10. #9
    2 Star Lounger
    Join Date
    Jan 2001
    Location
    Yreka, California, USA
    Posts
    187
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I was the designer on this one fortunately. It works great in IE. Now it's my job to maintain and I don't want to have to reconstruct the whole site. I'll get the answer, but I'm learning that we first must make things work with FireFox and then it will likely work with IE. Again, appreciate your time. Judy
    Thanks much, Judy Crawford

  11. #10
    2 Star Lounger
    Join Date
    Jan 2001
    Location
    Yreka, California, USA
    Posts
    187
    Thanks
    1
    Thanked 0 Times in 0 Posts
    The problem in FireFox isn't with the left hand links on the menu. They all work fine. It is the hyperlinks that are internal on the page. See my response to roadrunner. Thanks, Judy
    Thanks much, Judy Crawford

  12. #11
    5 Star Lounger
    Join Date
    Dec 2009
    Location
    Slough, Berkshire UK
    Posts
    916
    Thanks
    51
    Thanked 52 Times in 50 Posts
    Quote Originally Posted by jcrawfor View Post
    Thanks muich, but can you click on the links say on the Online Services page, about half way down, Board of Supervisors - Agendas. On my Firefox I can only click on the last two items which are probably below the CSS reserved space. Hope you can on your version, J
    In FF9.01, I can click on any link in the left hand page and a new page opens. Tried with both the links you gave and works same in each all left hand links work.
    But none of the links work in the right hand pane. As you say they do IN IE9. Hope this helps you to figure it out.

  13. #12
    Gold Lounger Roderunner's Avatar
    Join Date
    Dec 2009
    Location
    Scotland.
    Posts
    3,426
    Thanks
    16
    Thanked 212 Times in 180 Posts
    Judy, try with addons disabled.
    George's PC Specs. / Laptop. Desktop.

  14. #13
    New Lounger
    Join Date
    Sep 2011
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looked at the site in Firefox 9.0.1 using Firebug, and the problem appears to be that, using CSS3, the items are still there (on top of the links in the center of the page, invisible) and can't be clicked through. Try using Javascript to toggle "display: none" when the left sidebar is hovered over (CSS2) for compatibility with Firefox/Chrome/Safari rather than relying on CSS3 (which isn't widely supported yet).

  15. #14
    2 Star Lounger
    Join Date
    Feb 2010
    Location
    Coon Rapids, Mn
    Posts
    124
    Thanks
    10
    Thanked 1 Time in 1 Post
    I have the same issue with FF 9.0.1, only last two lines clickable - my solution which may not work for you, is to use the IE Tab addon to switch that tab to IE and it works perfectly. FF has the same issue with other websites, and I use the IE Tab for those too, Ford's Sync My Ride, Twitter and Golf Channel only work in IE tabs for me. It would be nice if standards were tighter so that pages written with WWW Consortium standards would display in any browser. You'd think the browsers would recognize this issue and address it themselves, but I imagine, mostly, they leave it up to the web site administrator, you, to make your pages work with them, not the other way round. Ah, for a perfect world. Some day. :^)

  16. #15
    New Lounger
    Join Date
    May 2010
    Posts
    10
    Thanks
    0
    Thanked 1 Time in 1 Post
    Quote Originally Posted by jcrawfor View Post
    I'm not sure if this is the appropriate place for this post or even if the Lounge has a place to help with this issue. Our problem is how a page displays in FirieFox or Chrome.
    We've just discovered that all the pages with links on our County Internet page do not work correctly with FireFox or even Chrome. They work fine with Internet Explorer Browsers. We have a CSS navigation with flyouts master template applied to all pages.

    I believe the problem happens when any page has a link that is under what would be the flyout if it were present. It's kind of hard to explain as I likely don't have the right terminology! Hyperlinks just don't work when on the top part of pages when viewed with FireiFox or Chrome. I din't create the site, but rather am one of the people who maintain it now.

    Here are a couple of page links that might better illustrate the issue, if you view them with FireFox: http://www.co.siskiyou.ca.us/website/services.aspx http://www.co.siskiyou.ca.us/website/localgov.aspx

    I'm open to suggestions. I'd just like to make it work correctly with FireFox in paprticular.
    Hi Judy,

    I took a look at one of the pages you referred to (http://www.co.siskiyou.ca.us/website/services.asp). In the page, the left navigation menu references CSS id "navbar2". From the stylesheet http://www.co.siskiyou.ca.us/css/navbar.css:


    #navbar2 {
    font-family: arial, sans-serif;
    width:550px;
    height:150px;
    position:relative;
    margin:0;
    font-size:12px;
    margin:50px 0;
    }


    As you most likely already know, "navbar2" helps position the left navigation menu by creating a transparent floating box. Without it, the search box would be partially covered up by the left navigation menu.

    The problem is that the transparent floating box is a bit too wide (550 pixels) and it's laying right on top of the hyperlinks in the main body (e.g. Anonymous Crime Tips, Assessor Parcel Data, ...). A simple test to verify this is by trying to use the mouse pointer to select some of the hyperlink text such as "Board of Supervisors - Minutes". In Firefox, Chrome and Safari, the only way to select the hyperlink text is to select a large part of the page which grabs the entire bulleted list of hyperlinks. Another test is to add more text to one of the left navigation menu items (i.e. change "Departments" something like "Departments Departments Departments Departments") and notice how it doesn't word wrap but continues until it overwrites the top of the bulleted list of hyperlinks with white text.

    I'm guessing the idea might have been to make the floating box as wide as the 3rd sub navgiation menu, but it's not necessary. An easy fix is to take out the "width:550px" parameter and just let the box adapt to the width of the contents. I mirrored part of the web site and tested the change and it seems to do the trick (I'm definitely not a CSS expert, so someone out there with better skills might have a better fix). I tested the modified CSS and the pages work with Firefox 9, Chrome 16, Safari 5, Opera 11 and IE 9.

    While we're on the topic of web development and web browsers...

    Although each version of IE has been getting better and better at supporting Internet standards, one thing that doesn't seem to have changed is that when IE encounters a coding error (HTML, CSS, JavaScript, etc.), it appears to make an educated guess as to what the web developer might have intended and then takes that action instead. On one hand, this means that even broken web pages can be automatically 'fixed" on-the-fly so that users aren't inconvenienced. But the flipside is that the person doing the web development might never notice that there is a bug in the webpage.

    In the past, Mozilla/Firefox has gotten a bad rap from web developers for its stance on sticking as close to the web standards possible. Chrome and Safari (they share the same WebKit layout engine) along with Opera are also very good about following web standards. Although IE for the Mac is no longer available, one interesting thing I found in working with IE in Windows and Macs is that they do not handle web pages identically -- bugs that cause no problems in IE for Windows could behave badly in IE on Macs. A while back I had read somewhere that IE for Windows and the Mac were developed by two separate teams at Microsoft (from my own experience, the Mac version of IE seemed to be more standards compliant than the Windows version so there does seem to be a significant difference in design).

    Several years ago I was helping a co-worker debug an online ordering application and he had invited a small group of people to test the application. Part of the form had a simple date selector using a pop-up calendar written in JavaScript. One user was using Netscape on a Mac and was having problems with the calendar. He got into a heated argument with the user when he insisted that everything worked fine when he tried it (... using only IE) and that the user must have been doing something wrong or her Mac was the problem. Totally frustrated, he asked me to talk to the user and try to convince her that his web app was working fine and to do what I could to fix her Mac. A couple of hours later after having talked to the user (whom I had known for a few years) and then taking a look at my co-worker's web app, I found a bug in the JavaScript code he was using to generate the pop-up calendar. Like my co-worker had said, the calendar really did work fine in IE. The big problem was that it didn't work at all in Netscape/Mozilla or any other web browser I tried.

    So developing a website and testing with Firefox before IE makes a lot of sense because it also helps avoid the temptation of using IE-only features. What works in Firefox, Chrome, Safari and Opera will generally work in IE (at least the newer versions... IE 6 and it's younger siblings... argh!).

    Fortunately, the newest round of the "browser wars" are about which web browser has the best support for upcoming web standards like HTML 5 and CSS 3 instead of who has the largest user base.

    Hope this helps,

    Chung
    Last edited by gadget; 2012-01-13 at 01:37. Reason: Typing errors

  17. The Following User Says Thank You to gadget For This Useful Post:

    jcrawfor (2012-01-13)

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •