Help - Search - Members - Calendar
Full Version: Content Issue when Site is viewed w/ FireFox
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
adamguy
Hi everyone,

This is my first post. So allow me to introduce my self. My name is Adam. I have seven years of comprehensive experience in the Tech industry primarily focused on help desk solutions.

Presently building a web-page using Net Objects Fusion 9. When I view the site on Internet Explorer everything is normal. When the page is viewed in Mozilla Fire Fox, you can notice that all the image displays are in different placements the text is all over the place...

thevillasatpaugusbay.com/norrisv/

Can anyone offer a kind and helping hand to me? It would kill me to resort to redesigning everything!!

Thank you for taking the time to read my post. Even if you cannot offer any help or your help didn't resolve my issue. I do want you to know I appreciate it!
Darin McGrew
The online tools report a number of markup errors and CSS errors. Many of the markup errors are caused by using XHTML in a document that claims to be HTML. Pick one or the other, and stick with that choice. Don't mix them.

Among the CSS errors, several style sheets return 404 Not Found.

You use MS Windows filesystem paths like "C:/Users/Adam/Desktop/Norrisv/MBV/MBV1.jpg" instead of URLs for some of your images. No one but you has access to your filesystem.

Don't use pt for font sizes, except for print. On the web, use 100% for body text, larger percentages for headings and the like, and (slightly) smaller percentages for legalese and similar fine prints.
pandy
Start with fixing the errors.
http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes
http://jigsaw.w3.org/css-validator/validat...g=2&lang=en

I suggest you use a doctype that puts browser in Standards Mode instead of Quirks Mode. There will be fewer differences between browsers then. That's all explained at the below site.
http://hsivonen.iki.fi/doctype/


Without looking at your CSS, I think this is a box model problem. IE 5 and earlier uses its own box model and in Quirks Mode later versions mimic that. Basically this means that in standards compliant browsers 'width' is the width of the content. Borders and padding are added outside that. In the IE model 'width' means the content including any borders and padding. So the total width, all included, will be less in IE Quirks. With a Standards Mode doctype it hopefully will look the same in all browsers and you just need to adjust the widths.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.