Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Name: FBI Agent
Hello all! I made this site located at http://www.englisharoundtheworld.com/ and i've heard it works fine on a MAC, IE6 and IE7 and on an older version of firefox.
as for developement purposes I DLed firefox 2.0 and there's a screw-up on the top and bottom of the page... looks like extra padding at the top (the bottom has the same problem, i just have a picture there). im currently not using any advanced programming langauges, just HTML. if anyone could please help me that would be great because i've checked just about everything to no avail. THANKS!

Maybe you've seen this, but the td that contains the top.gif has extra spacing in it in firefox.
If you add an id to both the td and the img, and set a 1px border, you can see this.
I set the td with id="one" and the img with id="two" and then in the css file, I set
#one {
border : 1px solid red;
}
#two {
border : 1px solid yellow;
}Doing this, you can see in IE, that the borders around the td and img are what you'd expect. But in firefox (I'm using firefox 1.5), you see the img border is tight around the image as you want, but the td border has spacing between it and the image.
I added an orange border to your css global td definition and I don't see that extra spacing in other TDs.
I can't figure out where the extra spacing is coming from.
I haven't figured out where the brown bar between the top.gif and nav.gif is coming from. Maybe it's related to that.

Ding, ding, ding! We have a winner.
I did a google search and found the follwing page.
http://www.webmasterworld.com/firef...
I half understand the answer, but not enough to explain it.
I added display:block to your img definition in css.css and it fixed both the the top and bottom problem.s

Thanks a lot for that little piece of info... though it still doesnt make complete sense to me. the guy on the site that you mentioned refers to an img tag as an inline tag, sure it is... but it's in the block tag of TD's so it should work fine... to go around the display:block option i tried making div tags but that didnt completely work... at the top instead of there being a space there was 2 top.gif's (and if i took of repeat, there was that space again) the bottom worked fine though (no freaking idea). oh yeah, now this time it only happened in IE (LAME)
Do you completely understand why it is doing that?
I would also like to mention that it did NOT work 100%, sure it's a WAY better solution but now the gold bar at the top (table-top-border) is being covered by the gif in FF... man firefox hates borders and tables and images... thats why i hate it too!
again, thanks ;)

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |