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 3 of 3
  1. #1
    Regular Coder GSimpson's Avatar
    Join Date
    Aug 2006
    Location
    New Zealand
    Posts
    268
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Firefox Enlarging Text

    http://www.overmind.co.nz/entry/?id=9

    Hey there, now please understand this website is no where near finished, so it probably will throw errors in other browsers, but anyway. I've developed it in Opera, and it's working nicely there, but the second browser I'm fixing it up for is firefox.

    So in this post that I've linked to, the author has put up two images, and centered them. For some reason, after the images, the font size of the <p> tags that the images sit in, increases. And then stops. So I know it is just the <p>. There is also a post about a call of duty game that does the same thing, but only after the second image.

    http://www.overmind.co.nz/entry/?id=2

    Is the link I believe. I'm stumped, Opera displays correctly. Do you have any idea what might cause this? I can't see anything in the source. I thought it might be a preg_replace() issue, but I've asked else where and it isn't as one image displays fine.

    Please, as much as I'd like to figure this out on my own, I can't see it. So if you have an idea, please let me know what you think it is, so I can go from there. Thank you.
    Last edited by GSimpson; 05-27-2009 at 10:32 AM. Reason: Bad Context
    The internet is my Sandbox, and notepad is my Spade n' Bucket.

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by GSimpson View Post
    http://www.overmind.co.nz/entry/?id=9

    Hey there, now please understand this website is no where near finished, so it probably will throw errors in other browsers, but anyway. I've developed it in Opera, and it's working nicely there, but the second browser I'm fixing it up for is firefox.

    So in this post that I've linked to, the author has put up two images, and centered them. For some reason, after the images, the font size of the <p> tags that the images sit in, increases. And then stops. So I know it is just the <p>. There is also a post about a call of duty game that does the same thing, but only after the second image.

    http://www.overmind.co.nz/entry/?id=2

    Is the link I believe. I'm stumped, Opera displays correctly. Do you have any idea what might cause this? I can't see anything in the source. I thought it might be a preg_replace() issue, but I've asked else where and it isn't as one image displays fine.

    Please, as much as I'd like to figure this out on my own, I can't see it. So if you have an idea, please let me know what you think it is, so I can go from there. Thank you.
    Checking in Firebug shows me that your <p> is curtailed by FF when you use the <center> element. Essentially this text is occurring outside of any paragraph element and is reverting to inherited styles.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    GSimpson (05-28-2009)

  • #3
    Regular Coder GSimpson's Avatar
    Join Date
    Aug 2006
    Location
    New Zealand
    Posts
    268
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Thanks man. I would never have got that. I've applied default font size to the column. Also, thank you for introducing me to firebug, looks to be a strong application.

    The internet is my Sandbox, and notepad is my Spade n' Bucket.


  •  

    Posting Permissions

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