Web page is like a puzzle in firefox browser [Archive]

Click to See Complete Forum and Search --> : Web page is like a puzzle in firefox browser

Phltradex

06-26-2006, 05:54 AM

I have a web page that I created in Dreamweaver that looks fine in Internet Explorer. The other day I downloaded Firefox and brought up the page and all the pictures on top were like a puzzle. Went back to Internet Explorer and looked and it showed fine.

I understand I.E. seems to be a mainstay for browsers for many, but I would like to have a page that is optomized for more than one browser customer.

Any suggestions please, I really appreciate any feedback on what I may do to resolve this problem.

This is the web page I am referencing
Problem web page in firefox browser (http://www.learntagalognow.com)

Thanks
Ted W

Centauri

06-26-2006, 07:17 AM

I would be inclined to say it is because the specified image sizes are larger than sizes specified for the table cells - IE tends to increase things to fit the contained object even if specified not to, as in this case, which is really incorrect behaviour.

Of course, layout shouldn't be done with tables anyway....

Cheers
Graeme

wh666-666

06-26-2006, 07:32 AM

Delete this line from your html at the top of the page:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Ive had problems before where certain browsers dont work properly with that bit of code but work fine after its removed.

Just found a page about document type declaration (the bit of code above) which tells you about the different doctypes (http://www.w3.org/QA/2002/04/valid-dtd-list.html). Actually found it as a signature on someone elses ID when in another thread. You should find it very useful and i think this is the problem your coming across. (one or two errors in html in general but these can be ironed out, on firefox use a webdeveloper extension toolbar. Great because you can validate your html or anything else, valuable resource)

kiwibrit

06-26-2006, 07:43 AM

wh666-666

06-26-2006, 07:46 AM

kiwi it will work in most browsers without a doctype but if you follow the link i put in my post when i edited it there is information on doctypes so the thread starter can always modify their doctype if they dont wanna do away with it but the doctype in the page causes alot of compatibility issues.

kiwibrit

06-26-2006, 08:00 AM

I did follow your link - which is a useful one. It's just that I believe that it is better to resolve problems within a current !DOCTYPE, rather than do without it. There is more chance that the site will work correctly across browsers, platforms and operating systems if you do. On top of this, the page needs !DOCTYPE for validation - which is one way to reduce the risk of wobblies before inflicting a page on the general public.

Phltradex

06-26-2006, 08:03 AM

Thanks for the suggestions !

When I return later today, I will first give the picture/table size a workin over.
See what happens.

Then if that does not resolve it, will look at removing the doc type.

Thanks
for the input

Ted W

Phltradex

06-26-2006, 09:55 AM

Great, re-did the table so each picture had their own box in the table. Works awesome now in both I.E. and Firefox.

Thanks all for the input

Ted W