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
    New Coder
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Text is "squished" in FF but no other browsers.

    At first I thought the font size was different in the different browsers, despite specifying 14px. After some looking and analyzing, I finally realized that FF is simply squishing the text together. Is there any way to fix that? All other browsers look fairly close in terms of text, but FF is way off.

    http://www.danpeverill.com/portfolio...ver/index.html

    TIA.
    Last edited by wyrd33; 08-07-2007 at 07:32 AM.

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Do you have a link that actually works?
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    New Coder
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry about that. Fixed.

  • #4
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    I'm guessing that you use IE 7, because it looks broken in IE 6. IE 7 has a "feature" called cleartype, that will blur out the text a bit. Is this what you're refering to?
    .
    .

  • #5
    New Coder
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No. I've tested it in FF, Safari, Opera, and IE7. In all browsers, the font (individual letters) are wider than they are in FF. At least that's how it's appearing to me. This is causing the text to take up more space in terms of width.

    At least that's how it's appearing to me. Are you not seeing any text difference in terms of width between FF and the other browsers?

    I haven't gotten around to testing it in IE6 yet.

  • #6
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Quote Originally Posted by wyrd33 View Post
    No. I've tested it in FF, Safari, Opera, and IE7. In all browsers, the font (individual letters) are wider than they are in FF. At least that's how it's appearing to me. This is causing the text to take up more space in terms of width.
    When I view your page in FF, the text is sans serif and flows to a second line. My default page text is 14px Verdana, but I checked the box that allows page styles to override my choice. By my reckoning, I should be seeing Georgia font instead of Verdana, but I don't.

    In IE7 your text all appears on one line, and in the Georgia (or another serif) font.

    Is it possible FF is overriding your page font with your browser settings?

  • #7
    New Coder
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by garydarling View Post
    When I view your page in FF, the text is sans serif and flows to a second line. My default page text is 14px Verdana, but I checked the box that allows page styles to override my choice. By my reckoning, I should be seeing Georgia font instead of Verdana, but I don't.

    In IE7 your text all appears on one line, and in the Georgia (or another serif) font.

    Is it possible FF is overriding your page font with your browser settings?
    It appears that FF is indeed using my default font rather than using what the stylesheet specifies. Is this a known FF bug or is there something I can do?

  • #8
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Code:
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size:	100%;
    	font-weight:	normal;
    	word-spacing:	normal;
    	letter-spacing:	normal;
    	text-transform:	none;
    	font-family: normal;
    	vertical-align: baseline;
    }
    Code:
    body
    {
      font-family: Georgia, "Minion Web", Palatino, "Book Antiqua", Utopia, "Times New Roman", serif;
    }
    The first rule sets the font to a font named “normal”. This rule has greater specificity than the second rule and, thus, overrides it. As a result, if the user does not have a font named “normal” installed on their system, the browser’s default font is used.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #9
    New Coder
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah that was the problem. Thanks.


  •  

    Posting Permissions

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