CSS Forum

**alicanteman** · 02-02-2008, 05:26 AM

Hi all,

I am currently working on a website and until recently everything was working fine on both IE 6, IE7 and Firefox V. 2.0.0.11

However, when i changed the footer heading to "Design by WebFactory365.com" text and colour at the bottom of the page, everything was fine in IE6 and IE7, but in FF i lost all my borders around the main menu nav bar, login page and e-shop. (It´s as if all the borders and tables that can be seen in IE6 have collapsed) I realise it could be a IE6 or IE7 issue i need to address, as FF, i believe is considered more reliable..

The last day or so, I have tried to upload the original file and played around with border widths etc but to no avail. It still looks bad in Firefox.

Any help in this matter would be most appreciated.

The site is www.webfactory365.com

Thanks

Richard

**Nuvo** · 02-02-2008, 10:28 AM

I took a quick look through your code, only to find that there's a number of glaring faults in it:

You have two title elements.
You're defining inline stylesheets outside of the <head></head> section of your page (<style></style> tags need to be in the head section of your HTML document).
Your image tags are poorly built.
You've got unclosed link tags.

Fixing these may help solve a few problems as Firefox is generally better at standards compliance than Internet Explorer, which prefers malformed code and baby eating.

**Helen22** · 02-03-2008, 12:18 AM

run it thru this http://jigsaw.w3.org/css-validator/
and this
http://validator.w3.org/

Then look up your doc type and don't use html tags that are not allowed with that doc type.