Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts

    inconsistent presentation between two PC both running XP&FF

    I am confused.

    both my pc's run xp home SP2 and the latest FireFox. Why then would my webpage look different on both machines specifically, the text size, font and color. I know its possible that one hasn;lt got the font installed (though I don't know why), but why would the text be so much different in size? quite large readable versus very small.

    here's the css.

    Code:
    #meal_menu_div {
    font-family : "Bradley Hand ITC", Arial, Helvetica, san-serif;
    /*margin: 20px 190px 0 190px;*/
    margin : 0 auto;
    text-align: center;
    line-height: 20px;
    padding: 0;
    overflow: visible;
    border-top: 0;
    }
    
    #meal_menu_div a:link, #meal_menu_div a:visited, #meal_menu_div a:hover, #meal_menu_div a:active {
    color: inherit;
    }
    
    #meal_menu_div table {
    width: 60%;
    margin: 0 auto;
    padding:0;
    border : 0;
    
    }
    
    #meal_menu_div table td.title {
    height : 30px;
    
    }
    
    #meal_menu_div table td.menuHeader h4 {
    width: 80%;
    background-color: inherit;
    margin : 20px auto 5px auto;
    text-align : center;
    font-weight: bold;
    font-family : "Bradley Hand ITC", Arial, Helvetica, san-serif;
    text-decoration : none;
    font-size : 1.1em;
    }
    
    
    #meal_menu_div table td.title h6{
    font-family : "Bradley Hand ITC", Arial, Helvetica, san-serif;
    background-color: inherit;
    margin : 5px auto 0 auto;
    text-align : center;
    font-weight: bold;
    text-decoration : none;
    font-size : 1.1em;
    }
    
    td.title a:link, td.title a:visited, td.title a:hover, td.title a:active {
    padding: 0 ;
    font-weight: bold;
    font-family: Georgia, arial, verdana, sans serif;
    text-decoration : none;
    color : #330000;
    }
    
    td.price {
    text-align: center;
    margin : 5px auto 0 auto;
    width: 12%;
    }
    
    #meal_menu_div table td.body{
    /*float : center;*/
    display: block;
    /*width: 80%;*/
    margin: 0;
    background-color: inherit;
    text-align: center;
    font-size : 1.1em;
    }
    #meal_menu_div table td.spacer {
    width : 50px;
    }
    and here's the html

    Code:
    <div id="meal_menu_div">
    <table colspan="3">
           
    <tr><td class="title"><h6>Roast Duck Breast (C) </h6></td><td class="spacer"></td><td class="price">£16.95</td></tr>
    
    <tr><td class="body">Pan Seared Duck Breast <u>w</u> Swede Puree Fondant Potato, Char-Grilled Asparagus <u>w</u> Rosemary &amp; Cranberry Jus.   
    <br /></td></tr>
           
    <tr><td class="title"><h6>Veal Saltinbura </h6></td><td class="spacer"></td><td class="price">£16.95</td></tr>
    <tr><td class="body">Breaded Veal Escalope, Parma Ham & Gratinated Pecorino Cheese <u>w</u> Char-Grilled Potatoes, Sage &amp; Shallot Cream Sauce.
    
    <br /></td></tr>
           
    <tr><td class="title"><h6>Beef Fillet </h6></td><td class="spacer"></td><td class="price">£22.95</td></tr>
    <tr><td class="body">Fillet of Beef on a Bacon , Tomato & Goat's Cheese Rosti, Truffle Fine Beans finished <u>w</u> a Burgundy Butter  
    <br /></td></tr>
           
    <tr><td class="title"><h6>Steaks, <u>w</u> Choice of Sauce and 1 Side Order. </h6></td><td class="spacer"></td><td class="price"></td></tr>
    
    <tr><td class="body">Fillet £17.95,
    <br />Sirloin £17.95,
    <br />Rib Eye £19.95
    <br />
    <br />All Steaks come with Crispy Onions and Baked Tomato<br /></td></tr>
           
    <tr><td class="title"><h6> </h6></td><td class="spacer"></td><td class="price"></td></tr>
    <tr><td class="body">Cooking is like an art and requires Time and Patience.
    <br />Please note that all dishes are cooked to order using only fresh ingredients.
    <br />Some dishes may contain traces of nuts.
    <br />(C) = Suitable for Coeliac
    <br />(V) = Suitable for Vegetarian
    <br />(VV) = Suitable for Vegan<br /></td></tr>
    </table>
    
        </div>

    Any tips would be most welcome.

    bazz

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Thank you Aero for your reply.

    OK in checking the Tools->options, both are set to Times New Roman 16. IN following your instructions Aero, by using View-> text size, both are set to normal.

    bazz

    Edit: where di your reply go
    Last edited by bazz; 01-22-2008 at 10:18 PM.

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by bazz
    Edit: where did your reply go
    Yeah, I was wondering...bazz, you SURE you're not going mad?

  • #4
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    lol. I actually checked my email inbox to make sure I wasn't dreaming.

    bazz

  • #5
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Is one PC rendering Bradley and the other rendering in Arial (because it doesn't have the font installed)? Maybe Bradley has a much larger x-height than Arial, so the same "em" size renders one much larger than the other. What about trying to normalize things as well, by declaring a font-size to your body tag?

  • #6
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Hmm,

    Thanks for your reply.

    I'll check the sizes. The main reason I am baffled is that both use the same version of windows XP and the same version of FF. I don't understand therefore, why one would have a font installed and the other wouldn't.

    (Does the OS determine the installed font or the browser?)

    I know that other peoples' set-ups may be different from mine but, I would have hoped that at least two 'consistent' set-ups' would have worked similarly. Surprisingly, I have IE6 and IE7 as well as FF working consistently in one pc but, only FF on another machine working differently.

    I could show you the url but it is the live site for the business concerned.

    bazz
    Last edited by bazz; 01-23-2008 at 05:25 AM.

  • #7
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    The OS does come with a lot of fonts. Some are picked up by programs (especially by word processors and design tools.) For example, MSOffice 2007 comes with some rather nice typefaces like Calibri and Cambria. Vista comes with Segeo UI. If you really want to know, find out where the programmes installed differ.

  • #8
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Interesting change today.

    Having done an avg virus scan last thing yesterday, before switching off, the font displaying was incorrect.

    Today however, when I booted up, the correct font displayed.

    bazz

  • #9
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    weird.

    I had a similar but completely not issue about a year ago. i downloaded Opera at work and it would just load random fonts no matter what defaults I had chosen (like instead of Tahoma it would be rockwell or Porcelain).

    I never fixed the issue so uninstalled.

    good it's fixed (and you're clean )
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

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