IE Messing Up My Divs

Schneider21 · 11-22-2011, 05:01 PM

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/hon...n_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 · 11-22-2011, 05:13 PM

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 · 11-22-2011, 05:26 PM

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 · 11-22-2011, 05:38 PM

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 · 11-22-2011, 05:55 PM

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...

11-22-2011, 05:01 PM	#1
Schneider21 New Member Join Date: Nov 2011 Location: Harrisburg, PA Posts: 3	IE Messing Up My Divs 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/hon...n_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!

11-22-2011, 05:13 PM	#2
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 677	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. __________________ Ronald Roe Small Business Web Design

11-22-2011, 05:38 PM	#4
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 677	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>. __________________ Ronald Roe Small Business Web Design

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

11-22-2011, 05:26 PM	#3
Schneider21 New Member Join Date: Nov 2011 Location: Harrisburg, PA Posts: 3	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...

11-22-2011, 05:55 PM	#5
Schneider21 New Member Join Date: Nov 2011 Location: Harrisburg, PA Posts: 3	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...