45 replies [Last post]
zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

this is my first post here, so thanks for the help in advance.

I have a couple of problems....here goes.

I have a vertical navigation, modeled after alistapart.com and for some reason it wont work in IE.

really weird....

any ideas?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 46 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

How about you read the

How about you read the sticky messages in the forum so you will know what we need if we are going to help you.

We can't read minds (or at least I can't, or at least only my own and only just barely) and your question is so vague as to leave nothing for us to go on. How about a link to a problem page and a description of the problem on that page, for instance.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

yeah sorry about that. I

yeah sorry about that. I was in the middle of 30 different things... Forgot to post the code.

Let me explain again. Whats going on is I have a CSS menu (vertical-flyout) that I got from:
http://www.alistapart.com/articles/horizdropdowns

Here is my issue. I built this at home(pc) checked it in IE6 IE7 and FFox. It was perfect!

I then brought it to work to show some folks here, and the subnav will not even show up in IE5.2(mac), IE6, and IE7 (pc), but works perfect on FFox, Safari, Netscape, AOL.

I was hoping someone could check my code to see what I am doing wrong. Thanks again!

In the top under the title I have the .js file called like this:

Here is the CSS

#navigation {
float:left;
width:220px;
height:167px;
background-image:url(../images/NavigationBack.jpg);
}

#navigation ul {
margin:3px 0 0 22px;
padding:0;
list-style:none;
width:145px;
}
#navigation ul li {
position:relative;
}
#navigation li ul {
position:absolute;
left:120px;
top:0;
display:none;
}
#navigation ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
text-decoration:none;
color:#fff;
padding:8px 5px 1px 5px;
border-bottom:0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#navigation li:hover ul, li .over ul {
display:block;
background-color:#003399;
border-bottom:1px solid #fff;
}
#navigation li:hover ul a {
padding:2px 5px;
border:1px solid #fff;
}
#navigation ul li a:hover {
color:#000066;
}
#navigation li:hover ul a:hover {
color:#F1BB46;
}

Here is the HTML


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

And did you take the

And did you take the javascript file to work as well?

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

well, thats a good question.

well, thats a good question. I am really not sure i understand what the js is doing. I assume its just for the flickering in IE6, but something tells me i am not reading it right.

***EDIT

wait, it looks like the .js is just for the :hover call not being read in IE. So isn't that a bit out dated? or i guess it would be good use for older IE browsers? still doesn't explain the issue with IE 7

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

Yes the javascript is simply

Yes the javascript is simply for the purpose of kicking that failure IE6 into life , it provides the hover that ALL other browsers do naturally with the pseudo class :hover on the list elements.

Good point though IE7 should work ok without the javascript, I'll take a closer look and see if I can spot what's wrong.

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

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

The code above checks out

The code above checks out fine in IE7!

But hang on a mo... do tell me you have a DTD in place on the page?

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

What's DTD?

What's DTD?

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

scratch that.. you mean doc

scratch that.. you mean doc type.

i just noticed.. this is set up on a template page in Dweaver. I looked at the top.. and no doc type?

is that causing this???

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

how did I know that was

Laughing out loud how did I know that was going to be the reply!

No offence and no sarcasm intended, it's just an essential part of the page and something we have to remark on far too often.

A Doctype or DTD tells the browser what rendering mode top switch to i.e 'Standards' or 'Quirks' IE7 and the fixes made to it seem to have been conditional more than ever before that the page renders in 'Standards Mode' in quirks mode it will fall back to rendering much as IE6 does e.g no hover on all elements.

I'll leave you to search for the info you need as the forum mentions the absolute requirement for standards mode rendering and DTD before posting questions and there are a lot of topics on the subject if one looks around.

Get back to us if you have further questions on the subject.

Edit/ you slipped a reply in while posting this; I meant DTD but yes another name for it is Doctype, and yes it the problem in this instance.

Hugo.

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

im going to shoot myself if

im going to shoot myself if thats the issue. All ive read in this forum is "DOC TYPE DOC TYPE DOC TYPE"..

ahhh.. ill let you know what happens. thanks for the help Hugo.

zeegee

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

zeegee wrote:im going to

zeegee wrote:
im going to shoot myself if thats the issue. All ive read in this forum is "DOC TYPE DOC TYPE DOC TYPE"..

ahhh.. ill let you know what happens. thanks for the help Hugo.

zeegee

It's all we ever say "doctype....doctype....doctype....doctype...." or in my case "DTD..DTD..DTD..DTD..DTD.." Smile

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

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 5 years 10 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

hey try saying that... Its

hey try saying that...

Its a toungue twister i tell you...

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

ok.. so it now works in IE&,

ok.. so it now works in IE7, but still not in 6.

I imagined that not working because of how the file was being called, or the location of the file...yada yada yada..

so what I did is put the actual .js code in the html vs. calling for it in another way.

but it's still not working in IE6.

here is my code for the .js file

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i

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

your going to get really

Laughing out loud your going to get really fed up with all this

Er where's your windows onload call ?

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

ok...not sure what you mean

ok...not sure what you mean by that.. but i just realized (and yes, i want to kick myself) that i had a few extra characters that didnt need to be there.

I will try this and let you know.

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

It aint going to do anything

It aint going to do anything unless you run the function at page load, you're not calling the function , it needs to be called at the start so that it can perform it's magic

his.className=this.className.replace[=green][=20]

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

i wonder if i can get any

i wonder if i can get any dumber today!!???

wow.. i think its time for a vacation.

ill check that and let you know..

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

Quote: i wonder if i can get

Quote:

i wonder if i can get any dumber today!!???

Probably Smile depends how much of the day is left where you are , hopefully not much Smile

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

ok.. so that didnt work

ok.. so that didnt work either.

what is this part ::: paticularly the "replace" part? Do I need to replace that text with something?

node.onmouseout=function() {
this.className=this.className.replace

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

That bit needs to be on one

That bit needs to be on one line it is only broken to two for the purposes of displaying the code on the page, the chevrons denote the continuation of the line

node.onmouseout=function() { this.className=this.className.replace(" over", "");

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

so frustrated.. still cant

so frustrated.. still cant get it working in IE6....

is it working at all for you guys?

here is my code one more time.

HTML Doctype

HTML

CSS

#navigation {
float:left;
width:220px;
height:167px;
background-image:url(../images/NavigationBack.jpg);
}

#navigation ul {
margin:3px 0 0 22px;
padding:0;
list-style:none;
width:145px;
}
#navigation ul li {
position:relative;
}
#navigation li ul {
position:absolute;
left:120px;
top:0;
display:none;
}
#navigation ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
text-decoration:none;
color:#fff;
padding:8px 5px 1px 5px;
border-bottom:0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#navigation li:hover ul, li.over ul {
display:block;
background-color:#003399;
border-bottom:1px solid #fff;
}
#navigation li:hover ul a {
padding:2px 5px;
border:1px solid #fff;
}
#navigation ul li a:hover {
color:#000066;
}
#navigation li:hover ul a:hover {
color:#F1BB46;
}

JS

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i

Thanks again for your help!

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

You need to match the

You need to match the specificity of the selectors.

This: #navigation li:hover ul, li.over ul

Needs to be:

#navigation li:hover ul, #navigation li.over ul

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

have you tested it in IE 6?

have you tested it in IE 6?

just curious if it was working for you?

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

Try it and see maybe I've

Try it and see Smile maybe I've missed something.

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

yeah its still not working

yeah its still not working in IE6
<-----real close to tossing my mac out of the window!

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

Well I'm afraid it is for

Well I'm afraid it is for me, taking your code from above and placing it in a standard test case file and making the change noted above, I did check it in IE6 before posting Smile

You must be missing something :shrug:

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

not sure what I did, now

not sure what I did, now sure when,but i hit refreshed my browser... and walla.. all works in IE6... it did however strip the borders on the subnav... but i think i can attack that via Conditional statements....

THANKS A MILLION

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

Try this: change

Try this:

change this:

#navigation li:hover ul a {
padding:2px 5px;
border:1px solid #fff;
}

for:

#navigation li ul a {
padding:2px 5px;
border:1px solid #fff;
}

IE does not understand the :hover on the list element so ignores the rule, the li:hover shouldn't be needed anyway.

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

thanks hugo.. that

thanks hugo.. that worked!

still having issues though with that .js code. i'm sending you a link via PM so you can see what I see...

again, you have no idea how much i appreciate your help!

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

in firefox.. it looks like

in firefox.. it looks like if you resize your browser... the div's are breaking out of the parent div witch is set at 800px width.

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

Zeegee I'm afraid you have

Zeegee I'm afraid you have far too many markup errors for any diagnosis of problems to have any worth.

You'll have to clear up as many of those as possible specifically: mal-formed comment syntax, style tags in body, and any html tag errors

Only then is it worth trying to work on problems, if that is they still exist after errors are cleared up.

Hugo.

p.s should really keep links to the public forum , I might not be around and someone else maybe able to help out in that event.

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

so if i go back and validate

so if i go back and validate my code, would that take care of the problems in the markup?

I am a flash dude.. so validating code is kind of new to me.

**i sent that link via pm to keep that as private as possible (it's a big client)

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 5 years 10 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

Hi, Yea you should validate

Hi,
Yea you should validate it, cause it really helps. You also, cause it shows if there are some invalid tags, and us also, cause we know that now the problem is strictly coming from the css and not from the index.

And plus you can take pride in a 100% validated page, with their image and their link Laughing out loud

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

thanks mihir

thanks mihir

i came across this error in the validating process..

The tag name: "embed" Not found in currently active versions.[XHTML 1.0 transitional]

what does that mean?

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

Well valaidating is an

Well valaidating is an essential aspect of good coding, if your markup has errors how can you be sure that it's not what is the cause of the problems, can't say for sure but errors are errors we don't allow them in our code Smile

Remember that css is symbiotic in nature it relies on markup otherwise it has no purpose, if the markup is bad and possibly producing a screwed up DOM model then how will CSS know how to accurately apply itself to the elements.

Fair enough about the link, you could of course just replace sensitive identifying info in a test case for public viewing , but no worries, and I'll delete the link when all is done.

Hugo.

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

some of the errors I am

some of the errors I am getting are not right.

one says "cant find tag or it was closed to many times???? same with html tag.. says cant find opening html tag?

I just don't get that.

btw - i am checking this with dreamweaver. is that a good way to do so?

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

btw - i am checking this

btw - i am checking this with dreamweaver. is that a good way to do so?

And really.. I am having 2 problems:

1. In IE6 & IE7 the CSS subnav hides behind my flash movie (flash is set to transparent and has UFO applied to it. which is the same as SWFObject)

2. In Firefox, the div's break out of of their containers when you stretch the page

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

zeegee wrote: btw - i am

zeegee wrote:

btw - i am checking this with dreamweaver. is that a good way to do so?

NO... please don't mention that name, you'll have many of us having an apoplectic fit.

Use the one true validator indivisible unto coders (W3C online validator)

or if you have Firefox (I hope you do) then the html-tidy extension will suffice for the moment.

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

lol.. definatly have FF.

lol.. defiantly have FF. Thats how I roll!!!!

Cool, Ill get that extension.

also, fixed the nav behind flash problem!

just one gigantic problem now.. have you seen what this site looks like in FFox? A bit out of whack... and I've noticed if I move the JavaScript for the Navigation around in the code, it effects the what the site looks like in FFox????!!!! weird!!! any clues on that one?

im going to get that extension and hopefully I figure this out! thanks again!

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 46 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

zeegee wrote:btw - i am

zeegee wrote:
btw - i am checking this with dreamweaver. is that a good way to do so?

The validator at the W3C is the standard. The HTML Tidy extension for Firefox uses the same algorithm for checking html if enabled correctly and is also recommended. Don't believe Dreamweaver's validator. The Firefox Web Designer extension is also recommended and allows you to check your html even if you are behind a coorporate firewall.

Don't believe anything about the way DW renders html either - always check against a good standards compliant browser like Firefox or Opera (and there are others, but IE6 or even IE7 aren't in that category).

And finally you should get in the habit of validating your html frequently and making sure to keep it valid. CSS is designed with valid html in mind and if you don't provide that to a browser you really have no basis for complaining about how it looks. Valid CSS is important as well, but valid html is more important.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

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

zeegee wrote: just one

zeegee wrote:

just one gigantic problem now.. have you seen what this site looks like in FFox? A bit out of whack... and I've noticed if I move the JavaScript for the Navigation around in the code, it effects the what the site looks like in FFox????!!!! weird!!! any clues on that one?

im going to get that extension and hopefully I figure this out! thanks again!

I have noticed! but this is the problem with invalid markup any solutions might be likened to p*ssing in the wind I'm afraid you need to rule out markup errors or at least ensure that your HTML is sound before we can say that there is a reason for the layout not behaving and that it is due to the CSS rules

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

im on a macosx now, so I

im on a macosx now, so I can't get the extension.. (there isn't one for macs) i am just using w3c
ill let you know when Im cleaned up

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

There is a version of tidy

There is a version of tidy for Mac OS X it's a widget iirc I installed it on mine and very nice it is too

here you go:

http://www.apple.com/downloads/dashboard/developer/htmltidywidget.html

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

zeegee
zeegee's picture
Offline
Regular
St. Louis --> For Now --> Florida ASAP
Last seen: 12 years 3 weeks ago
St. Louis --> For Now --> Florida ASAP
Joined: 2007-05-16
Posts: 30
Points: 0

Ok, THANK YOU SOOOOOO

Ok, THANK YOU SOOOOOO MUCH.

that validation is like showing you all your problems, even if you didn't realize they were problems!!!! Awesome.

It was like a domino effect.. fix one, and it fixed 5 more. My main problems were coming from the way I was declaring my Script tags.

THESE DISHES ARE DONE !!!!

thanks for that widget... i just passed around to all the peeps in my office!!!

Thanks thanks thanks!

ZeeGee

ps - can you please erase the link above. thanks -- feel free to check the way it should look.

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

Link erased. Looks a little

Link erased.

Looks a little more stable in Firefox now, still a few validation errors to sort out and flash to be taken care of google 'flash satay'

validation errors do cascade, one error tends to mean on that basis then something further down the line must also be in error, fail to close the head tag correctly and it might say later that body can't be where it is (bad explanation) you have to think in terms of how the validator sees things , fix one error often clears up others that the validator is saying exist due to the first, if that makes sense.

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