Web Hosting Talk







View Full Version : Help with CSS


Meisam
03-31-2007, 05:43 PM
Hello,

I am trying to get a template called CrystalX (http://www.oswd.org/design/preview/id/3465/) to work with a CMS i am working on. I have tried contacting the author of this template and he has not responded to my question yet. I am hoping that one of the gurus will help me out with this problem. I can get this design to work properly in Firefox but i am having problems with Internet Explorer. The default site shows without any errors when viewed in both browsers, but it for some reason does not work for me. To show you what i mean here is the site:

Main Site: http://prvt.meisam.net/content/ForumLogin.html
CSS Files: http://prvt.meisam.net/content/css/

As you can see it works flawlessly in Firefox but not in IE. The sidebar for some reason keeps on moving to the side. I have not modified any of the CSS on that template. Any suggestions would greatly be appreciated.

Thanks,
Meisam

bluedreamer
03-31-2007, 09:46 PM
You have some unclosed comment tags, might make a difference to IE

<!-- About Me
<h3><span><a href="#">About Me</a></span></h3>

<div id="about-me">
<p><img src="design/tmp_photo.gif" id="me" alt="Yeah, it�s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#">Profile on MySpace</a></p>
</div> about-me -->

Should be <!-- About Me --> and <-- about me -- >

Jay August
03-31-2007, 09:51 PM
there isn't showing anything at all in IE6, and I see you have your </script> tag not closed in the head of your HTML document:


<script language="JavaScript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;

//change the height of the iframe
document.getElementById('the_iframe').height=
the_height;
}
//-->


<link rel="index" href="./" title="Home" />
<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />
<link rel="stylesheet" media="print" type="text/css" href="./css/print.css" />
<link rel="stylesheet" media="aural" type="text/css" href="./css/aural.css" />
</head>

Meisam
04-01-2007, 03:33 AM
Thanks for pointing out those errors for me, i have fixed them. The issue still does not go away. BTW thank you very much for you help guys.

Meisam