Mysterious Space

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

Aloha!

I'm working on finishing up the template for my newest project and all that is left is this one mysterious space that I can't figure out how to eliminate. The site is temporarily located at:
http://www.usc.uwo.ca/fomsc/indextrue.html
In the future it will be located at fomsc.ca.

In IE and other browsers the site and all spacings look fine, but in FireFox I encounter extra space after my scroller Javascript on the left hand side. Within a div (class="grey") Something is propping open the grey box in IE, but not the others. Here is the section of code:

<div class="grey" style="height: 50px;">
<div id="tempholder"></div>
&lt;script language="JavaScript" src="dhtmllib.js"&gt;&lt;/script&gt;
&lt;script language="JavaScript" src="scroller.js"&gt;&lt;/script&gt;
&lt;script language="JavaScript" src="scrollercontent.js"&gt;&lt;/script&gt;
<span id="placeholder" style="position:relative;"></span>
</div>

Here is a visual comparison:

Any/all help would be greatly appreciated. I hope to get this solved within the next 20 hours! Laughing out loud

Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

If you give us the css I think someone would be able to figure it out.

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

The CSS or "grey"? I guarantee it doesn't help:

.grey {
padding: 6px;
margin: 0px;
background-color: #DADADA;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #333333;
border-bottom-color: #333333;
}
'

Alternately, the full stylesheet is here.

Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Ok I specialize in website cross browser compatibility, anyways thats what my service is providing on my site, for you heres the solution so that the thing on the side is same on all browsers, but since you dont placed a doc type on top coz it messes up you java script... Heres the code mod I did on that area you outlined in the HTML

Quote:

<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript" src="scroller.js"></script>
<script language="JavaScript" src="scrolles.js"></script>

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

I tried that previously. Mmm... thanks for the tip, but now the scrolling section does not appear at all. Smiling

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Appears fine to me (Mozilla and IE), It Doesnt appear only in OPera, thats a javascript problem...

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

I checked using both FF and IE and it's definitely not showing... I'll confirm this tomorrow on my brother's computer, when he is awake though. Smiling

And with that and the chime of 3am, I'm off to sleep.

Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Oh and by the way dont copy paste the onw above from here coz the js mentioned is not the same as yours... Heres the way yours is... you can copy paste this on the html... again I can see it fine in mine...

Quote:

<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript" src="scroller.js"></script>
<script language="JavaScript" src="scrollercontent.js"></script>

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

Works fine now, great! What was changed? It's too late (early?) for me to tell.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

You copied paste my first code I posted which has a different JS file coz I saved yours from the net, so it truncates it...
The one below has the same modified code as the one before but the JS is yours now directly...
I just redeclared the one thing IE dont understand and FF does... IE has spacing problems...

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

IE has more than just spacing problems... but nevermind about that for now. Smiling

Thanks kindly. It was an aesthetic problem that has been driving me nut for days. Now and I can move on. And sleep.

Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Heyup, I know this problems been solved but thought - as I'm a pedant - I'd point something out regarding your use of CSS...

You're using a class called grey - this is bad practice, the advantage of CSS is that the XHTML and layout are seperated, but by calling a class "grey" you're describing formatting.

This might sound overly pedantic but what would happen if you wanted to change that scrolling bit to pink, or yellow or some other colour?

I know, I'm a pain, but you'll see in the long term.

a Padded Cell our articles site!

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

Actually, grey just describes the surrounding container that has a grey background, top and bottom borders, and vertical but no horizontal margins. I use it more than once in my template. Take a look, if you wish. If it was a one-time thing, I wouldn't have bothered to make a class for it. Wink

Thanks for your concern, though.

Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Ahhh, doesn't matter though. You're still not using semantic markup, the problem isn't the actual color you're using or how many imes it appears on the page it's that you have the word: "grey" as a class at all.

You're XHTML markup should never describe the formatting of the site, that's what CSS is for and why XHTML (and indeed XML - am sad enough to be reading a book on the subject at the moment) is known as a semantic markup language.

And where's your DOCTYPE (I'm trying hard to look stern, and generally failing Smiling )?

a Padded Cell our articles site!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Hey Jeeves read my thread above, she must not put a DOCTYPE there, Strict or Loose coz its gonna mess up her page effects, she better redo the effects, she said theres no problem with the JavaScript, yes theres no code error but then theres a code there that doesnt allow that particular js to show in opera... (with respect to laura)

chicgeek's picture

She has: 41 posts

Joined: Jul 2005

I had my DOCTYPE, but demonhale is right, I had to remove it because some scripts didn't function with it in place.

And I'm not too worried about compatibility in this case. My audience is 700 students and faculty at my university's music faculty. I've been keeping an eye out as to what browsers they use and what capabilities they have. Thanks kindly for the concern, though. Maybe someday I'll be forced to learn about all the compatibility issues, but my schedule's too tight for that right now. Wink

Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.