Internet Explorer Viewing Issues

[jiventura89]

Hi everybody. I'm very new to HTML/CSS so please bear with the ugly code =/

Here is the website I am working on:

[ocf.berkeley.edu ]

Now, my problem is: in Chrome, Firefox, and Safari, my web page displays right (it's cut off just after the footer image). In Internet Explorer, however, there's this huge empty black space I can't seem to fix.

I heard this can come as a result of using relative positioning in IE (Internet Explorer compensates for your adjustments to an element?) I'm not sure, and I don't know what to do about it.

My code is a mess and involves so many stylesheets, so I won't post it just yet. Maybe it's that relative positioning thing.

Thank you!

[Major_Payne]

You seem to have some style tags inside the body tags. That's a big no-no. You are using frame pages, but no of these have a proper document type. Puts browsers into Quirks Mode.

7 CSS errors [jigsaw.w3.org]

59+ HTML errors [validator.w3.org]

You'll never make your pages cross-browser compatible with so many coding errors. HTML Tidy flagged over 102.

Ron

[jiventura89]

Thanks Ron!

I'll look into this. I knew my code was a mess from the get-go.

[Major_Payne]

You're welcome. You'll get it done I know. Cleaning up the code errors goes a long way in solving a lot of problems. Many commercial sites are not code perfect, but they work. :P

Post back if you need further help on this. Good luck.