Mysterious Space
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>
<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript" src="scroller.js"></script>
<script language="JavaScript" src="scrollercontent.js"></script>
<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!
Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs
teammatt3 posted this at 03:54 — 26th July 2005.
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 posted this at 04:55 — 26th July 2005.
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 posted this at 06:50 — 26th July 2005.
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
chicgeek posted this at 06:56 — 26th July 2005.
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.
demonhale posted this at 06:59 — 26th July 2005.
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 posted this at 07:02 — 26th July 2005.
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.
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 posted this at 07:06 — 26th July 2005.
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...
chicgeek posted this at 07:12 — 26th July 2005.
She has: 41 posts
Joined: Jul 2005
Works fine now, great! What was changed? It's too late (early?) for me to tell.
demonhale posted this at 07:16 — 26th July 2005.
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 posted this at 07:17 — 26th July 2005.
She has: 41 posts
Joined: Jul 2005
IE has more than just spacing problems... but nevermind about that for now.
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 posted this at 12:40 — 26th July 2005.
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 posted this at 16:27 — 26th July 2005.
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.
Thanks for your concern, though.
Laura Kishimoto - Webmistress and Soprano
laurakishimoto.ca | fomsc.ca | uwo music sophs
JeevesBond posted this at 21:55 — 26th July 2005.
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 )?
a Padded Cell our articles site!
demonhale posted this at 02:50 — 27th July 2005.
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 posted this at 02:57 — 27th July 2005.
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.
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.