Chrome and Firefox PX display

HTML & CSS
1

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?

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

Thanks! :slight_smile:

2

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!

3

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.

4

yes i kno if u add padding-bottom: 10px; it would work in firefox but the background image would be stretched for chrome

5

what does that even do? but cool ill try it!

EDIT: It doesnt work =(

6

What happens if you do this:

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