IE Messing Up My Divs

Schneider21

New Member
Hello everyone. First time poster here. Just looking for a little input on what's giving me my headache today.

I'm a student worker at my college, revamping the Honors section of the website. Since they're using a CMS to manage their pages, I only get access to the main content area, and that's it.

I have no access to the head tag, which means no external (or even embedded) CSS... no JavaScript... Nothing. Any styling must be done inline, and scripts have to be uploaded by the Admin in a Cold Fusion module. I know...

Anyway, here's the link to the HTML document as it currently stands. Looks great (or at least, better than before) in Chrome and Firefox, but IE messes up the space between the divs.

http://dl.dropbox.com/u/32601315/honors_main_revised.html

If anyone can spot a glaring error that's causing this, or knows of a way to work around it (especially within my limitations), I'd appreciate it.

Thanks, and I look forward to being an active member here!
 

ronaldroe

Super Moderator
Staff member
They want you to fix it, but give you no access to do so? Lame.
I can't see it from work, but I'll have a look when I get home.
 

Schneider21

New Member
I know, right? I was talking to one of the Web Design instructors about it, and he shuddered at the idea of all inline CSS. I just hope I don't pick up too many bad habits that stick with me when I leave...

The school used to have an abysmal web site that looked like it was made by 100 different people. Then they formed a Web Committee, which ended up adopting the CMS, and since then they've ruled with an iron fist. If they had their way, contributors would just type plain text into the WYSIWYG editor and every page would look the same...
 

ronaldroe

Super Moderator
Staff member
Have you considered storing a CSS file on a different server and calling it from there? You're not supposed to do it, but it is possible to use <style> tags within the <body>.
 

Schneider21

New Member
The CMS actually detects <script> and <style> tags and parses them out or something. What you end up with is "style>" typed on your page in that place. Ridiculous, right?

Even though it's bad Juju, I don't think the problem in this case is the inline CSS. It's a bit messy, sure, but since it works in the two REAL browsers, I'm figuring it's one of IE's quirks that's throwing things off.

Some day... Some day I'll be able to utilize external style sheets to my heart's content...
 
Top