[SOLVED] Page shows in Firefox but not in Explorer?? Please help.

Apokalupsis · #1 Nov 12th, 2007, 02:43

I've never seen this before, I'm not sure how to correct it either. I'm working on a new site, all is well until I start testing it in different browsers.

The only page that is giving me trouble, is this one: http://www.onlinedebate.net/zen2/services.html

It displays fine in Firefox...but in Explorer, only the background color shows. I'm assuming this has to be a table issue that I've overlooked, but I cannot confirm.

Any ideas?

Stuart · #2 Nov 12th, 2007, 03:02

First of all, welcome to WebForumz!
Now to your problem. There's a quick fix. Here is what your <head> looks like:

HTML: Select all

<head>
  <title>Services : outsanctum - an Aveda concept salon</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  <style type="text/css">
<!--
.style2 {
	color: #996666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.style3 {font-family: Arial, Helvetica, sans-serif}

.style6 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;}
	

  .style7 {font-weight: bold}
  .style9 {color: #408080; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
  </style>
</head>

Do you see the comment tag at the beginning of the css, right after the <style> tag? It looks like this: <!--
Get rid of it! That will solve the problem...

Cheers,
SWagner

Apokalupsis · #3 Nov 12th, 2007, 03:21

bah! I'm such a bonehead sometimes. It's always those easy and obvious things it seems.

Thanks so much SWagner!

Out of curiosity, did you find it due to just being very experienced with html and web design? Or is there a method for finding little errors like that? is there a code checker of some sorts that can do that for you?

I am still learning, and it takes me A LONG time to find simple errors I've made. It's quite frustrating. I know experience will help a lot...but in the meantime, it's a pain as I often overlook the obvious.

Stuart · #4 Nov 12th, 2007, 03:26

No problem. I'm always glad to help. I have made many bonehead mistakes (like forgetting to close a tag...). I know how frustrating it is to not know why the whole thing isn't working. That's why another pair of eyes can always help out.

Cheers and happy coding!
SWagner

Monie · #5 Nov 12th, 2007, 05:12

Quote:

In HTML, an Embedded Style Sheet is specified using the STYLE element within the HEAD element block. For backward compatibility with browsers that do not understand style sheet syntax, the entire contents of the Style element may be embedded in an HTML comment ()

By commenting your CSS Style, it will prevent an older browser to display your style sheet to the user!

So you just have to add in the closing part of your ""

Stuart · #6 Nov 12th, 2007, 15:07

Quote:

Originally Posted by Apokalupsis

Out of curiosity, did you find it due to just being very experienced with html and web design? Or is there a method for finding little errors like that? is there a code checker of some sorts that can do that for you?

No, I don't have a code checker. I just looked through your code, and since, like reading a book, I started at the top and read down, I came to the end of that piece of css and noticed that something was missing: the closing comment tag...
Yes, this is an experience thing...

Marc · #7 Nov 12th, 2007, 15:15

Although this isnt any way associated to your error, i recommend that you ditch tables (if you're using them for layout!) and also stop using Dreamweaver or any other WYSIWYG editor for creating your website. Learn HTML and CSS and also give your css classes (.class) relevant names! Not '.style1'

Stuart · #8 Nov 12th, 2007, 15:19

Good point, Marc. Using .style1, .style2, etc is primitive. Naming them according to what they control makes a lot more sense and is easier to work with. For example; .caption might be the styling for the caption below an image. The next time you want to change it, you don't have to scroll through your page to try to find the name of the styling ("Now, was the caption style4 or style5?"). It makes your life a lot easier, trust me, I've been there...

Monie · #9 Nov 13th, 2007, 01:41

That means I have a "code-checker" brain!

Stuart · #10 Nov 13th, 2007, 01:45

So do I. Oops, I guess that counts, so, yes, I used a form of "code checker". Happy coding!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
css internet explorer 6 firefox	thosecars82	Web Page Design	2	May 19th, 2008 15:37
IE shows page fine, half missing in FF	freeeky	Web Page Design	6	Apr 16th, 2008 16:46
firefox and Internet Explorer!	crackafaza	Web Page Design	2	Jul 2nd, 2007 10:43

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] Page shows in Firefox but not in Explorer?? Please help.