I am new to web design but would love some advice.
My website address is: http://www.photografix-design.com

It is not Firefox friendly at the moment, can I change my site as it is to be Firefox friendly so non of the data is lost when viewing through Firefox browser or do I need to redesign the whole site again.

Is there an easy solution to this.

It should be possible to do it, but youre going to be on a learning curve - it shouldn't be this way of course, all browsers should render the same html/css in the same way. Unfortunately, theres some fundamental differences in the way IE and FireFox render the same css (and Opera too).

In general Opera and FF are more "standards compliant" then IE.

The easiest way ive found is to check using both browsers as you build. But failing that I think its easiest to fix it so it works in FF, then put in the hacks and work-arounds you need to get it looking OK in IE. (Also the version of IE will make a difference! V7 isnt as bad as earlier ones, but theres a HELL of alot of people out there on V6 (and some on earlier ones!).

Use a css validator to check your css is in order too - theres one at W3C (http://validator.w3.org/) - pay attention to your DOCTYPE declaration - it changes how different browsers render your page! (see wikipedia for a nice description of quirks mode and a guide to how it works with browsers and doctypes: http://en.wikipedia.org/wiki/Quirks_mode )

Hope that helps

It should be possible to do it, but youre going to be on a learning curve - it shouldn't be this way of course, all browsers should render the same html/css in the same way. Unfortunately, theres some fundamental differences in the way IE and FireFox render the same css (and Opera too).

In general Opera and FF are more "standards compliant" then IE.

The easiest way ive found is to check using both browsers as you build. But failing that I think its easiest to fix it so it works in FF, then put in the hacks and work-arounds you need to get it looking OK in IE. (Also the version of IE will make a difference! V7 isnt as bad as earlier ones, but theres a HELL of alot of people out there on V6 (and some on earlier ones!).

Use a css validator to check your css is in order too - theres one at W3C (http://validator.w3.org/) - pay attention to your DOCTYPE declaration - it changes how different browsers render your page! (see wikipedia for a nice description of quirks mode and a guide to how it works with browsers and doctypes: http://en.wikipedia.org/wiki/Quirks_mode )

Hope that helps

It's perfectly possible to code websites that display 99% the same in both without any hacks. Hell, I do it all the time! It just takes patience and good memory.

Excessive use of position absolute is what is wrong with your site.

I use position:absolute myself but I know full well what it relative to and will never be use in connection with any written text since you cannot determine the space the text needs and so it never looks out of place on any browsers.

Your code will fail IE too if the prefered "Arial" font doesn't reside on the client machine.

While it may be a window default one there is nothing stopping users from deleting it from their machine.

You should always code for more compliant browsers (like FF3, Safari etc) then 'fix' or "hack" for IE and none compliant browsers after, always easier than fixing the other way round