SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2010
    Posts
    112
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Chrome and Firefox PX display

    If u view this in both chrome (or IE) and firefox, you would see that the forum posts in thinner in firefox while the css coding is the same.

    Why does this happen and how can i fix it without altering the background image?

    Code:
    #forumpost td {
            background: url(http://gameinfiniti.com/images/bg_list.png) 0 0 no-repeat;
            height: 26px;
            padding: 5px 0 5px 0; OR padding-top: 10px;
            text-indent: 10px;
    }
    Thanks!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    What happens if you do this:

    Code:
    #forumpost td {
            background: url(http://gameinfiniti.com/images/bg_list.png) 0 0 no-repeat;
            height: 26px;
            padding-top: 10px 0;
            text-indent: 10px;
    }

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2010
    Posts
    112
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what does that even do? but cool ill try it!

    EDIT: It doesnt work =(

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Not enough info. I was trying to correct the only difference I saw: that the tds were not as tall in FF as in Chrome. Adding bottom padding fixed it for me in FF, but I can't test in Chrome. "It didn't work" means nothing. Be more descriptive. What happened in Chrome? I can't see why Chrome is making the tds higher, but I think FF is behaving more reliably here.

  5. #5
    SitePoint Zealot
    Join Date
    Apr 2010
    Posts
    112
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes i kno if u add padding-bottom: 10px; it would work in firefox but the background image would be stretched for chrome

  6. #6
    SitePoint Zealot
    Join Date
    Apr 2010
    Posts
    112
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok got the solution, quite good in fact

    i removed the padding-top which was pretty dumb on my part and since that was 10px i added 10px now to the height which is 36px

    then added vertical-align: middle

    thanks anyway!


Tags for this Thread

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
  •