1. You are viewing our forum as a guest. For full access please Register. WindowsBBS.com is completely free, paid for by advertisers and donations.

My simple website works fine in IE but not in Firefox

Discussion in 'Firefox, Thunderbird & SeaMonkey' started by StevenMonash, 2008/10/07.

  1. 2008/10/07
    StevenMonash

    StevenMonash Inactive Thread Starter

    Joined:
    2008/10/07
    Messages:
    2
    Likes Received:
    0
    Hi, I have a strange problem. My simple website (www.ibajay.net) seems to work fine in IE, with the CSS working properly, however, the CSS seems to be totally ignored in Firefox. I appreciate your help. Thank you.
    Sincerely,
    Steven


    <!--The CSS Menue Begin-->

    <style type= "text/css ">
    .arrowlistmenu{
    width: 190px; /*width of menu*/
    }

    .arrowlistmenu .headerbar{
    font: bold 14px Arial;
    color: white;
    background: black url(http://www.ibajay.net/Ibcom/Images/MainPage/titlebar.png) repeat-x center left;
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding: 4px 0 4px 10px; /*header text is indented 10px*/
    }

    .arrowlistmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
    }

    .arrowlistmenu ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/
    }

    .arrowlistmenu ul li a{
    color: #FFFFFF;
    background: url() no-repeat center left; /*custom bullet list image*/
    display: block;
    padding: 2px 0;
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #dadada;
    font-size: 90%;
    }

    .arrowlistmenu ul li a:visited{
    color: #FFFFFF;
    }

    .arrowlistmenu ul li a:hover{ /*hover state CSS*/
    color: #A70303;
    background-color: #F3F3F3;
    }

    <!--
    body {
    background-image: url();
    background-color: #003300;
    margin-top: 0px;
    margin-bottom:0px;
    margin-left:60px;

    }
    .style19 {color: #FFFFFF}
    .style20 {color: #000000}
    .style25 {font-size: 90px}
    .style27 {color: #FFFFFF; font-size: 70px; }
    -->
    </style>
    <!-- The CSS Menue End-->

    <body>
    <!-- Second Table Left -T--The Html Menue B-->
    <div class= "arrowlistmenu ">
    <h3 align= "left" class= "headerbar ">&nbsp; </h3>
    <div align= "left ">
    <ul>
    <li><span class= "style19 "><a href= "http://www.ibajay.net/Ibcom/Html/I-AboutUs.htm ">About Us</a></span></li>
     
    StevenMonash,
    #1
  2. 2008/10/08
    The Old Chief Lifetime Subscription

    The Old Chief Inactive

    Joined:
    2004/03/09
    Messages:
    233
    Likes Received:
    6
    The Mozilla browsers conform more closely to true HTML coding then do some of the other browsers and hence are some times fussy about the coding and one little missed piece of coding will cause strange things to occur within the rest of the page.

    In the coding from the very top of your page shown below, if you will put 2 spaces after the comment code of <! or remove the URL address your menu or CSS will show. BTW, I didn't know what CSS was until I Googled it.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd ">
    <html>
    <head>

    I am self taught by trial and error so have no idea why the Mozilla browsers did not like the above coding. However, the main culprit is the URL address with in the comment.

    For what it's worth, I will suggest you consider or try using percentage settings instead of pixel settings for setting your table width and column widths with in a table.

    The advantage of this is that regardless of the screen resolution or width settings the visitor to your web site is using they will see the full view of your display.

    Being the old man I am, I don't see as well as I use to and therefore I run a 800 X 600 screen resolution which means I can only see about 2/3 of a screen when the web page is programmed to a 1028 width setting unless I scroll over.

    I might add that I ran a survey one time and out of 90 people, 80% of them were using the 800 X 600 setting.

    You might care to review a word or 2 about doing tables which is at:
    http://www.raysmyth.net/htmlhelp/7-table.html

    Hope this gets you in back in business.

    Ray
     
    Last edited: 2008/10/08
    The Old Chief,
    #2


  3. to hide this advert.

  4. 2008/10/08
    JSS3rd Lifetime Subscription

    JSS3rd Geek Member

    Joined:
    2002/06/28
    Messages:
    2,221
    Likes Received:
    27
    Hi Ray,

    I don't mean to hijack the thread, but I want to comment on a couple of lines in your post.

    I'm an old man, too, and can't see a darned thing without my glasses, but I use a screen res of 1280x1024 on a 19" LCD monitor with no problem.

    Re your survey, I also ran a very informal one some years ago, when CRT monitors were the norm (see screenshot). The line labeled WEBSITE was from an acquaintance whose site tracked screen resolutions, but not monitor size.

    As you can see, nearly 40% of the total sample reported using 800x600, and I discovered that, primarily, it was for either (or both) of two very simple reasons ...
    1. users didn't know they could change the screen res.

    2. they didn't know how to change it.​
    In other words, they were using the manufacturers' settings as their computers and monitors came out of the box. Because your survey indicates what seems to be an abnormally high use of 800x600, I suggest that your results very probably were skewed for the same reasons.

    Were we to take the same surveys today, I suspect the results would be very different.
     

    Attached Files:

    JSS3rd,
    #3
  5. 2008/10/08
    Westside

    Westside Inactive Alumni

    Joined:
    2003/03/30
    Messages:
    4,506
    Likes Received:
    14
    I go by W3C validator. Errors were found for HTML validator, but no errors for CSS validator.
    The site shows some beautiful pictures, as a slide show, but no description, anywhere in FF3. IE shows a menu to the left.
    My SR is 1024x768.
     
    Last edited: 2008/10/08
    Westside,
    #4
  6. 2008/10/08
    StevenMonash

    StevenMonash Inactive Thread Starter

    Joined:
    2008/10/07
    Messages:
    2
    Likes Received:
    0
    Your instruction of leaving 2 spaces after the comment code resolved it

    Ray,
    Thank you so very much for your time and help. Your instruction of leaving 2 spaces after the comment code resolved the issue.
    Your help will be acknowledged on the website.
    Sincerely,
    Steven
     
    StevenMonash,
    #5
  7. 2008/10/08
    The Old Chief Lifetime Subscription

    The Old Chief Inactive

    Joined:
    2004/03/09
    Messages:
    233
    Likes Received:
    6
    Jim, does not the first column in your screen shot track monitor size??

    Ditto --- Jim, Couldn't agree with you more on all counts, Most take the computer home and the defaults is what gets used.

    I'm glad to see the results of your survey, It confirms my belief, although only slightly that the majority of Users use the 800 X 600 setting. Of course, as you indicate, with the wide screen monitors and different factory settings I too expect that has moved closer to the 1024 X 768 setting.

    My survey came from a bunch of old folks all past 60 in age because I do my High School web site at http://www.luedersavoca.com and we have what we call the Pirate Chat Line where about 90 of us old Pirates can chat back and forth and about 4 years ago I ask them to all send me e-mail about which screen resolution they were using and that's were I got my 80 percent figure.

    Another area school, Avoca consolidated with Lueders in 1967 and my old high school became the "Raiders" so the last Pirate graduated in 1966 and that provides us the age group of the current Pirates.

    I expect my high percentage of 800 X 600 Users was due to this age group. AND your right I had to tell a bunch of them how to test their resolution and I did that by having them go to "The Dunce's Corner" at http://www.raysmyth.net/dunce/05-s-res/00-s-res.html

    I did the "Dunce's Corner" on the school web site as a fun thing to help all the old Pirates and then added it to my own web site for other friends I help.

    Have you set the fonts or anything large in order to use the 1280 X 1024 setting. I have a 19" CRT monitor but, darned if I can get by or care to use anything smaller/higher then 800 X 600 because I simply can't see things on the screen and I do wear reading glasses.

    When my mother board failed a couple weeks ago I was forced to install a new Video Card and that card has the capability to go to 1600 X 1200 -- When I first observed it after the initial boot up it was defaulting to a high setting and I was afraid it might not even go down to the 800 X 600 because my last two video cards no longer had the 640 X 480 setting.

    Thanks for the feed back, it is always good to learn more and I did like seeing the results of your survey.

    I see Steven has replied that his problem is now fixed.

    I normally leave the answers to Ramona, Westside and others but, his problem involved HTML code and that was a challenge for me to find the problem. So, I reckon this is my first time to actually advise and fix someones problem here on the forum.

    However, I do monitor the forum most everyday.

    Cheers, Ray
     
    Last edited: 2008/10/09
    The Old Chief,
    #6
  8. 2008/10/10
    JSS3rd Lifetime Subscription

    JSS3rd Geek Member

    Joined:
    2002/06/28
    Messages:
    2,221
    Likes Received:
    27
    Hi Ray,
    Yes, with the exception of the WEBSITE row, which reports only screen resolution. I was trying to discover whether there was any correlation between users' screen size and the screen resolution they used, but my own sample of 43 responses really was too small to allow me to draw any valid conclusion.

    I think it's funny that we both sampled the same groups ... our respective high school classes. I sampled my group six or seven years ago, which would have put them squarely in their mid-60s at the time. 22 of the 43 (51+%) indicated that they were using 800x600, but another 16 (37+%) were using 1024x768. Of the 43, 26 (60+%) were using 17" screens. I don't know what any of this proves, unless it's that Ohio eyes have fared better than Florida eyes ... maybe you get TOO much sunshine.:)

    The default settings in XP Pro's Classic display, which I use, are Normal font size, size 9, which works fine on my laptop (1024x768), but on my 1280x1024 desktop monitor, I use Normal, size 10.

    The biggest favor you could do yourself would be to ditch the CRT and get a good quality LCD monitor in the same, or larger, size. Not only would you get at least an inch (diagonally) more screen, but I think you'd find the text and graphics to be much crisper and easier to see.

    On your present CRT, click on the Display > Effects button, check the box for "Use the following method to smooth edges of screen fonts" and select "Clear Type ". That setting is designed for LCD screens, but there are reports that it can improve the display on CRT screens, as well. Give it a try and see if it makes any difference.

    HTH.
     
    JSS3rd,
    #7

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Accept Learn More...