7 replies [Last post]
ardmoretreasures
Offline
Regular
winston salem, nc
Last seen: 14 years 40 weeks ago
winston salem, nc
Joined: 2006-12-15
Posts: 32
Points: 0

Good evening all,
I am at the end of my rope on this one and thought a fresh set of eyes could help. This page looks fine in Opera, Navigator, Explorer but in FireFox it doesn't display properly. I think it is the left rail in the three column layout( with the borders on you can see that the layer is not surrounding its content, the left navigation menu starting with "Quick Links"). I tried overflow, etc. but still nothing.

If you run validator it spits back that the comment tags are messing with it and the tag isn't closing but if you look at the source the tags are closed properly. The comments have been "closed" so I don't see how that would break it.
I wish I could describe it better but I am frustrated. Any help appreciated.

http://www.golindenthal.com/dev/astretchout/

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

You have a fair few of these

You have a fair few of these
as the validator states they are invalid, you also have in the page valid examples of sgml comment tags

If you want to use dashes then like this <!-- ----stuff---- -->

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ardmoretreasures
Offline
Regular
winston salem, nc
Last seen: 14 years 40 weeks ago
winston salem, nc
Joined: 2006-12-15
Posts: 32
Points: 0

Thanks Hugo for the fast

Thanks Hugo for the fast response.

So these comments could be breaking the layout?

I am not familiar with sgml...could you please explain?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

That's technically their

That's technically their name as html is based on sgml it's two dashes and then a space to ensure that the comment is preserved and not confused as something else, try adjusting them and see if things improve.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ardmoretreasures
Offline
Regular
winston salem, nc
Last seen: 14 years 40 weeks ago
winston salem, nc
Joined: 2006-12-15
Posts: 32
Points: 0

I went through my comments

I went through my comments on http://www.golindenthal.com/dev/astretchout/ and made sure there were nt any spaces in the hyphens, all closed, etc. but I guess I'm missing it. I don't understand how I'm placing the comments wrong.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 48 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

The comment tag is actually

The comment tag is actually the double hyphen, --. The <! sz what follows is a command.

In your example, <!-----blah blah----->, break it down by hyphen pairs.
<! -- (comment on) -- (comment off) -blah blah --(comment on) -- (comment off) ->

So, what the validator and the browsers sees is -blah blah-, which is not valid anything.

In Hugo's example, there are three pairs on each side making for on-off-on blah blah off-on-off. The validator doesn't see it because comment was on.

Best practice is to use two hyphens to open the comment and two to close—no more, no less.

It is also recommended to never use doubled hyphens[1] for anything else. In text, use a single hyphen for compound words as in one-half, use an en dash to indicate a range as in 6–12, or a relationship as in father–son campout and an em dash is used for a break in thought or parenthetical as I used it above.

In order below are the minus sign, hyphen, en dash and em dash.

− - – —

cheers,

gary

[1] Email protocols call for the double hyphen (--) to delimit the signature from the body of the email.

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

And I should emphasize - as

And I should emphasize - as it was my example - that it was a poor one! as it can lead to trouble, use no further dashes within the comments. If I have a need to strengthen the comment visually I tend to use '='

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ardmoretreasures
Offline
Regular
winston salem, nc
Last seen: 14 years 40 weeks ago
winston salem, nc
Joined: 2006-12-15
Posts: 32
Points: 0

Thanks again Hugo and Gary

Thanks again Hugo and Gary for the fast response, I came back this morning with a fresh look, corrected the comments and after it validated it ran fine on the browsers! This was interesting in that I have never encountered this problem before, we were just taught anything between was a comment, no books I've read have taught that the number of hyphens is an issue. I hope this discussion will benefit other frustrated designers. Have a great weekend!