What is wrong with my code? Please HELP!

Take a look at this url link in Mozilla Firefox:

http://www.stuffwhy.com/hosted/jkurnit/wesbite-home.html

Now try and view the same exact link in Safari or IE, it comes up to a blank page!?Can someone PLEASE tell me what is wrong with my code that is causing it only to view in Firefox and not any other browser??I need specific answers please as I am a beginner at code in Dreamweaver.

I need to send this link for a job interview so if anyone can help me ASAP that would be greatly appreciated!!!

-Jessica

What is wrong with my code? Please HELP!

I would advise you to fix the following errors as a number of these (and the css position: absolute) can cause your problem.

see - http://validator.w3.org/check?verbose=1%26amp;uri=http%3A%2F%2Fwww.stuffwhy.com%2Fhost ed%2Fjkurnit%2Fwesbite-home.html

PZ

What is wrong with my code? Please HELP!

Thanks a lot PZ

Now is my website XML or SGML? how do you tell?

Your website is html.

xml and sgml are two different things.

PZ

This is probably what the validation means for the first problem, insert them in your code at the positions indicated.

Insert the following line right at the top of your page.

%26lt;!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN'' ''http://www.w3.org/TR/html4/loose.dtd''%26gt;

Then look for the next two lines

%26lt;html%26gt;
%26lt;head%26gt;

And insert the following line after them.
%26lt;meta http-equiv=''Content-Type'' content=''text/html; charset=utf-8''%26gt;

PZ

Important, the text that is showing as a link is part of the code and it should look like this -

%26lt;!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN'' ''http://www.w3.org/TR/html4/loose.dtd''%26gt;

Okay, I am going to try this when I am home from work and let you know if it works, thanks SO SO much for your help, you are very helpful.

Now another question....When I apply the doctype code, will it apply to ALL my pages or do I manually have to insert it in every page??Now that I am looking at my page source none of them have the doctype at top.

Thanks PZ!

You must put this on every page.

Don't forget that there are other problems on the page as well, and using a sliced image with rollovers will almost inevitably cause problems.

PZ

Yes, I will take a look at the other errors on the page, but lets do one at a time! the Doctype seems to be important info that I am missing.

I know the rollover slices cause problems, but what is ur advice then if I am using them??Maybe when I hit the enter button rollover that is what is causing the next page to not open??I am not sure like I said I am a beginner.?Just trying to brainstorm different possibilities to try and resolve my issue.

Thanks again

Here is a link for a tutorial on creating a webpage (there are further tutorials about setting up etc. further down the first page).

http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt3.html

The information given in this tutorial covers everything you need to create the page you have, in standards compliant code.

Just to be complete if you wish to use images for the different stages of your links (normal - hover), here is a tutorial on how to do that using just css.

http://www.wellstyled.com/css-nopreload-rollovers.html

PZ

Okay thanks for providing those links.

What does the validation page mean by this?

Attribute ''MARGINWIDTH'' is not a valid attribute. Did you mean ''marginwidth''?

my code is not in CAPS so what is the difference between those two marginwidth words they are showing? I am confused about that

First lets fix the missing doctype as many error that follow will come from this. Once you have inserted the doctype etc into your pages you can validate them again yourself, by going to - http://validator.w3.org/ and inserting your http address.

PZ

Hi PZ, I put the doctype and the meta code and still not working : (

Just checked it again with the validator:

No DOCTYPE found! Checking with default HTML 4.01 Transitional Document Type.

Hi as the OP's post said, your uploaded web page is still missing the doctype, your code should look similar to the following, the title and possible style rules, are the only content that should be different from this on every page.

%26lt;!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN'' ''http://www.w3.org/TR/html4/loose.dtd''%26gt;
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;title%26gt;wesbite-home%26lt;/title%26gt;
%26lt;meta http-equiv=''Content-Type'' content=''text/html; charset=utf-8''%26gt;
%26lt;style type=''text/css''%26gt;
%26lt;!--
#apDiv1 {
?position:absolute;
?left:574px;
?top:607px;
?width:226px;
?height:29px;
?z-index:1;
}
.style2 {
?font-size: 12px;
?color: #000000;
?font-family: ''Times New Roman'', Times, serif;
}
--%26gt;
%26lt;/style%26gt;

PZ

PZ, I added the doctype last night and uploaded all my pages via FTP.?I go to the url on safari and check the view source and this is what I get...

%26lt;!DOCTYPE HTML PUBLIC ''-//W3C//DTD HTML 4.01 Transitional//EN'' 
''http://www.w3.org/TR/html4/loose.dtd''%26gt;
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv=''Content-Type'' content=''text/html; charset=utf-8''%26gt;
%26lt;title%26gt;website-home%26lt;/title%26gt;
%26lt;style type=''text/css''%26gt;
%26lt;!--
#apDiv1 {
     position:absolute;
     left:574px;
     top:607px;
     width:226px;
     height:29px;
     z-index:1;
}
.style2 {
     font-size: 12px;
     color: #000000;
     font-family: ''Times New Roman'', Times, serif;
}
--%26gt;
%26lt;/style%26gt;




SO THEN WHATS WRONG NOW???? I DO CERTAINLY HAVE THE DOCTYPE IN THERE

I am still getting the validation errors, (no doctype etc) and I cannot even get anything in safari.

Try removing this from you code, (I know it will spoil the display but this is now a 'find out what is wrong', process.

%26lt;style type=''text/css''%26gt;
%26lt;!--
#container {position: absolute; left: 50%; width:800px; margin-left:-400px;}
%26lt;/style%26gt;

PZ

PZ did you quit safari and clear the history? Sometimes safari does not refresh and uses the old url because that's what it remembered from the previous day. My safari shows the doctype code. I will try removing the css code and see what happens

I never viewed your site in safari (only IE and FF), but don't work as until it works in both of these (at least viewable in IE), it is not important yet.

PZ

PZ I GOT IT!!!! I realized that the css for the div id container was way lower down in the code than on my other pages, so I copied that css and pasted it up top where I had my other css and it worked.?I had that code in the script area which is why it wasn't recognizing it.?

Now my next issue is that when I navigate to my different pages my positioning is moving slightly of my 800x600 size, it is shifting from page to page, but is totally fine in Firefox.

It seems like my design page http://www.stuffwhy.com/hosted/jkurnit/website-design.html is slightly shifting to the left as the three other pages remain stationary to its position.

This is being caused by the image replacement, as all the links do is change the image that is being used, try checking the image sizes for variations.

This may be a variation in any of the image sizes, not just the one being changed.

PZ

Now I also just noticed on my designs page that my iframe is opening underneath 800x600 size when it should be opening in my Div Layer 1.?It is all falling apart now!! AHH

That is the problem with using slices.

PZ