This is my first post here and I must say I have pretty much given up. I am designing a website for a university job and it is using all sorts of stylesheets that URI maintains. I am simply trying to get a page together for my boss, a professor.
In the latest version of Firefox all is well and it looks beautiful, but on IE8 it looks horrible. I'm assuming the problem is CSS related as everything else I pretty much have a good handle on.
Here is the link: http://www.mcise.uri.edu/jouaneh/nsf.php
There may be a div problem as well. I am using nsf.php to include different sections of the page. The top and bottom (closing tags) includes are php files which have all the html inside. They are simply called from nsf.php as an include. As a server side process I'm assuming all the divs and such are "included" into a final copy which is then read by the browser.....Let me know if I need to elaborate.
I am updating the site right now and will be uploading in the next few days. If any of you can lend a helping hand I'd very much appreciate it!
In case the effects are not
In case the effects are not seen by others: The entire page is not centered and the top section isn't shifted down enough. Usually the URI code does this no problem on all browsers.
Also, I added inline CSS to the top URI search bar because it is too small in any browser. I also had to do this in the Comments section of the site. The professor's site uses this same code and the inlines are not needed at all.
Here is that link to compare: http://mcise.uri.edu/jouaneh/
I know they use different stylesheets, but maybe it can cast light on way the other one is misbehaving.
The first thing I would
The first thing I would recommend is to validate your page.
The doctype should be before the html tag and there should only be one html tag.
<html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">