Displays wrongly in Firefox?

[spon]

Hi,
Don't know if you guys can help and at the risk of showing my total ignorance........
I have been working on a site for a friend
www.theoldschooltearooms.co.uk

It displays fine in IE but the layout of the page goes all out of kilter when viewed in Firefox.

The problem seems to be that the i-frame breaks the layout in Firefox but not IE.

Anyone help?

[BGarner]

Well I would suggest CSS/XHTML instead of tables and javascript.

But let me understand your question...you want the background to be entirely white in firefox?

[spon]

Yes thats it, plus the spacing of the page elements for the border and the nav bar has gone awry.

Unfortunately I have no knowledge at all of css and xhtml

[EdgeWalker]

I pretty recently decided to take the plunge and go full css/xhtml, and as painful as it was at first, it has saved me a lot of headaches since then, and I fully recommend it.

I'm not sure it would be worth it to redesign the site you're working on now, because of the learning curve of css, but if you make the investment of time/mental energy, you'll be happy that you did later.

I can see what you mean about your page in ff, though - not only does the background not show through in ff, but the border is also broken. This must have to do with the way that the table is being rendered - maybe somewhere you have a margin/padding/border/etc. that isn't =0.

I noticed that all of the edges around the page are set up with borderless tables - can you just do that with the center as well, and instead of having a frame in the center like that, (I wince even saying this,) you could just have several pages with the table information duplicated over them.

[spon]

Thanks for your reply and yes it seems like I am going to have to increase my scant knowledge.

The reason I placed the IFrame in the central part o the table like that is to make deigning and laying out the content for the different tables easier. I am sure there are better ways to do this just that i dont know them!

[daygon]

iframes are one of thoise things that you use spareingly not as a layout feature. CSS will allow you to have the same effects as an iframe but you have to learn it. Look around for some posts that are css related and you'll be able to figure out what works what. If you play with it and learn what everything does then you can fully design a clean functional web site.