Hello everyone, I'm pretty sure this is a CSS issue, but not 100%. Anyway here are the issues, any help would be appreciated greatly. Website: www.grpatten.com 1) nav menu is shifting drastically when links are clicked into from the index page. especially in IE, the spacing between the links in the nav menu is rather wide on the index page. on all other pages, it's the way I want it. the issue is occurring in IE and Opera, while Firefox it seems OK. 2 images attached below to illustrate. 2) when I minimize the window enough in any browser, the elements in the page lose their positioning quite drastically. image attached below to illustrate. thank you...
Hi There are some small issues in the Div structure, i will suggest you that inside the container Div, add two more wrapper div, one for the left menu and other for the content it self, and them use a in the footer as the third container. and you will avoid using Float property. About the IE issue you have two option, one is use a reset file (That could solve most of the problems but maybe not all of them), and the other one is create and specific CSS for the IE that is giving you problems. For example: #myelement { color: #999; /* shows in all browsers */ *color: #999; /* notice the * before the property - shows in IE7 and below */ _color: #999; /* notice the _ before the property - shows in IE6 and below */ } But this may give you problems with the code validation, other way will be: <!--[if IE]> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> This is is the best one. Now My recommendation is to always use both of them.