help with Internet Explorer

Question

I have a webpage which I have designed in firefox, yet when I open it Internet explorer and resize it so its NOT maximum size (half page or so) half of the main div dissapears under the footer.

www.blisshair.com.au

its the first page that opens, The page looks perfect in firefox, resized or not, but when trying in Internet explorer it only looks fine when the page is maximum size, if resized the design completely breaks. Any help or tips on how and where this is happening would be greatly appreciated.

Thanks very much.

EDIT: it is only happening when the file is uploaded to the web, when previewing on my localhost server it displays as its meant to?

Answer 1

You may modify the css of the id 'content', particularly below attribute

#content { overflow: hidden; }

After that, you may set width for the that show product description on the right side of image or modify padding/magin if the text got truncated for your designed website's resolution.

Answer 2

If you take the min-width off, or lower it to 600px. This will fix the problem in IE.

Answer 3

If you want your site to have a better chance of working in all browsers you should really apply some standards. Using http://validator.w3.org to validate your HTML there seems to be 16 errors. Fixing these errors will probably make it work in IE correctly.

http://validator.w3.org/check?uri=www.blisshair.com.au&charset=%28detect+automatically%29&doctype=Inline&group=0