Computing.Net > Forums > Web Development > firefox mis-displays my site

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

firefox mis-displays my site

Reply to Message Icon

Name: FBI Agent
Date: May 16, 2007 at 00:10:01 Pacific
OS: Windows XP Home
CPU/Ram: 3.2GHz Pentium 4/ 2048MB
Product: Custom
Comment:

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!



Sponsored Link
Ads by Google

Response Number 1
Name: Don Arnett
Date: May 17, 2007 at 20:31:54 Pacific
Reply:

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.


0

Response Number 2
Name: Don Arnett
Date: May 17, 2007 at 21:58:46 Pacific
Reply:

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


0

Response Number 3
Name: FBI Agent
Date: May 19, 2007 at 19:16:57 Pacific
Reply:

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 ;)


0

Sponsored Link
Ads by Google
Reply to Message Icon

Related Posts

See More







Post Locked

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


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: firefox mis-displays my site

Rate my site? www.computing.net/answers/webdevel/rate-my-site-/3202.html

Need feedback on my site! www.computing.net/answers/webdevel/need-feedback-on-my-site/2981.html

Check out my site? www.computing.net/answers/webdevel/check-out-my-site/1248.html