My site looks perfectly fine in all the new browsers including IE 8 however in IE 7 6 and 5 (if you still make your website compliant in 5) the layout just goes all over the place. I don't actually have a website for it at the moment so I'm hosting it on a different site just so i can show you guys. It can be seen at www.jasongold.org/estatenew The problem is, the only thing i know how to do is make the site. If it doesn't work in other browsers I don't know what to do because I don't know anything about hacks. If anyone could help or point me in the right direction it will be much appreciated. Thanks Josh
You might also want to check how your site appears in other browsers other than IE as well. You can go to browsershots.org to do this easily. The most likely cause is because your site is not W3C valid code. Check your HTML.
Hm? Have you checked and saying it's wrong or just saying it could be? I know it is w3c valid and it works in all the latest versions of FF, Safari, Chrome and Opera I'm not sure about the older version but I've personally never heard of someone validating for old versions of those.
You should place divs that belong to content into your content div. For example, your div#flash is placed in page-wrap, but logically it should be placed within content div. Then pay attention to how width is calculated on different browsers. Saying width: 300px and adding a padding of 20px to it would make 340px in IE, as IE sums width and padding. Try to create 2 columns layout first consisting of navigation and content, then start to add content and other divs INTO this 2 global divs and control your layout in IE and Firefox after each slightly change, so that you can "catch" what is different in Firefox and IE.
Yup the site should be in compliance with W3c or simply you allot width and height on percentages rather then pixels it can easily resolve the problem.