PDA

Click to See Complete Forum and Search --> : Cross-browser formatting problem

Irene Brady
12-27-2006, 03:13 PM
Hi,
I taught myself HTML years ago in order to design my website (using IE). I can usually figure things out. Most of my pages look fine in all the browsers, but my site's index page looks terrible in Foxfire -- most of it ends up below the open part of the window. I've struggled with it for hours/days/weeks but with my lack of training I can't figure out how to make it work. Can someone either help me code it or give me the name of someone who can recode it for a reasonable price (and what would THAT be?) so that it works in all the main browsers?

I'm afraid that all my Foxfire visitors are leaving before they find the rest of the page. Here's the site: http://www.natureworkspress.com/index.html

I don't want to change it, I just want it to look the way it looks in IE.

Thanks for any help you can offer!

Irene at Nature Works Press
NogDog
12-27-2006, 03:29 PM
Try replacing the partial doctype declaration on the first line of your page with this fully qualified version:

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

This will get IE out of "quirks mode" and into something approaching a standards-compliant mode. At this point, you may find that IE then also displays your page as you're currently seeing it in Firefox. If so, this is most likely due to IE in "quirks mode" not calculating the width of block elements according to the W3.org standards. Then by adjusting the widths, margins, and/or padding of the elements involved you may be able to get both browsers to display the same.
Irene Brady
12-27-2006, 08:52 PM
Many thanks. I made the suggested changes, but since that didn't actually solve the problem (and the page still looked okay in IE), I started from scratch and reassembled the page using some coding for tables I found online. Now everything is okay on the page in Firefox, I think. At least, it comes up on my monitor okay in both IE and Firefox. Care to go look? http://www.natureworkspress.com/index.html

Thanks again for your response. I really appreciated the nudge.
felgall
12-27-2006, 10:58 PM
The next step to make it even more cross browser friendly would be to ditch the tables and rewrite it using valid HTML.