Browser compatibility issues in CSS and Java Script


I have developed a site however there are some serious problems in IE6 & IE7 with both the positioning of images and with the menu bar. The menu bar also does not display correctly in chrome.

Any help with this would be greatly appreciated.
Who is Participating?
JF0Connect With a Mentor Commented:
any update?
You have some work ahead of you. First looking at your source I see you have declared 6 doctypes. There can be only one!

You have 309 errors are 9 warnings on the w3c html validator. Some of these may be remedied by fixing your doctype declaration.

Are you using a CSS reset? A reset is important in maintaining cross browser compatability. Here is one as an example, you may use it.

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

thitayAuthor Commented:
You are correct on the amount of work in order to complete this. Thank you for your post.
do you still require help with this? Please close question if you have moved on.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.