Fire fox and IE not rendering the same

[gerkintrigg]

hello

I am having a problem with compatability between IE 6 and Firefox 3.0.3

 

IE6 works fine, but Firefox 3.0.3 is putting my main content box underneath the main menu.

 

Could anyone suggest how to resolve this issue please?

Web address: http://kimdownham.co.uk/

 

Thanks in advance.

[dbrimlow]

Quick look, quick fix ... designate a width for ".main_content". It is defaulting at 100%

[haku]

If it works in IE and not in FF, then your error is in IE. IE is a screwed up browser, and does not work up to standard, while IE does.

 

What you need to do is change your code to work in FF, then from there adjust it to work for IE.

[gerkintrigg]

If I put in a width variable for .main_content, then it sets it to a specific width rather than filling 100% of what's left after the menu takes it's share of the screen...

[gerkintrigg]

Just so you know, i have used absolute widths for the moment, but would still like to know if the floating / auto-expanding layouts are possible.

 

thanks.

[dbrimlow]

but would still like to know if the floating / auto-expanding layouts are possible.

 

Absolutely. Although they are tricky to get cross-browser compliant and require having a large bag of css tricks and techniques.

 

This is not something that can be quickly explained in a forum.

 

There are so many factors to a true "liquid" wire-frame layout - like using ems or percentages for fonts and dimensions (not using pixel based fonts or widths), floats, clearing floats, graphic techniques like "faux-columns" and "sliding door".

 

One of the best books I ever bought to help with this was Bulletproof Web Design (Second Edition) by Dan Cederholm.

 

That, along with dozens of online css professional blogs, forums and tutorials, AND hours and hours of frustration when one simple new element is added to a perfectly working frame, and collapses it like a house of cards.