SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    HTML problem when viewed in Firefox

    Check out my page: Question Difficult problem - Access World Forums

    If you look at the social buttons to the left of the Thread Tools (top right), they are horizontal in IE but vertical in Firefox.

    How can I make them also horizontal in Firefox?

    Thanks,

    Jon

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    The td before the td containing those icons is set to width="100%", which is too wide. Try something like width="50%". E.g.

    Code:
    <td class="tcat" width="50%">

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    decrease the table cell width to 50% or modfiy css file find .tcat and add width:50%

  4. #4
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tried that and it lets them go horizontal. However, that has also made the other buttons the right of it go too wide. Its like they have become stretched. How frustrating!

    So, I can see that this partially helps but it causes a different problem.

    Any solution that you can see?

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Why not just set a width on every td then? E.g.

    width="10%"

  6. #6
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If I did 10% on each, then the buttons would be too wide on a widescreen monitor and too narrow on a 4:3 monitor.

  7. #7
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Then fix them in pixels and don't have a fluid website.

  8. #8
    SitePoint Guru
    Join Date
    Nov 2000
    Posts
    740
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I want a fluid website, but also want the buttons at the right to remain the correct widths. They already do except for my modification and then that's only in Firefox. Not sure how to get around it.

    I don't know what specifically Firefox does different in this instance compared to IE.

  9. #9
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Firefox renders it correctly. IE, generally, does not. The problem is in the construction, not the browser. Rule of thumb: construct and test in Firefox (or Chrome or Safari or even Opera), get it right, then cross your fingers and test in IE. That may change as IE9 becomes more widespread, but for previous versions, that's the jazz.

  10. #10
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,278
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    I construct little bits, test in all (or at least Modern and IE) if it's something I haven't built before. Otherwise you may end up with valid code that does what it's supposed to in Moderns but trips old IEs up. Easier to catch that at the beginning than undo heaps of code.


Bookmarks

Posting Permissions

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