In opera we are good, everything else..not so much so.

4,059

Recognized Expert Specialist

Maybe post a question someone can understand and attempt to answer.

Apr 27 '07 #2

New Member

In opera it looks perfect. FF and IE 7 it doesn't. Can you help me figure out where I have messed up. Everything validates perfectly.

Apr 27 '07 #3

4,059

Recognized Expert Specialist

Don't assume anyone but you knows what your site is supposed to look like. I looked at it with FF2 and besides a terrible color scheme there is little there to even comment about.

You need to describe what is not correct in detail.

Apr 27 '07 #4

New Member

Screenshot of what it is supposed to look like.

http://www.ourzeal.com/Untitled-3.gif

Apr 27 '07 #5

New Member

Thats the best description I can offer. I am thinking the problem lies in the <divs> somehow.

Apr 27 '07 #6

4,059

Recognized Expert Specialist

Maybe someone else will give it a try, I don't do general debugging. From the screen shot it looks like the problem is positioning so look at your margin settings and any top/right/bottom/left postioning you might have in your CSS. Run your html and css through a validator too to check for errors or warnings.

Apr 27 '07 #7

7,435

Recognized Expert Expert

You have a closing </script> tag in the middle of your html. Remove that.

Apr 27 '07 #8

New Member

The only </script> i can find ends the <script type="text/javascript">RunFoo();</script> line.

Apr 27 '07 #9

New Member

Well i thought I had it. I found a misplaced </div> and moved it. Sure enough it fixed on very small error that I didnt like. Yet, from the body up is absent in FF.

Apr 27 '07 #10

New Member

It has to do with the script line. That was good advice. I just don't understand why.

Apr 27 '07 #11

4,059

Recognized Expert Specialist

It has to do with the script line. That was good advice. I just don't understand why.

Apparently it stops some browsers dead in the tracks. There are a few html tags when misplaced or not opened or closed correctly will do stuff like that. For example an unclosed title tag:

Expand|Select|Wrap|Line Numbers

 <html>

<head>

    <title>Untitled

</head>
 
<body>
 
<H1>TESTING</H1>
 
</body>

</html>

Apr 27 '07 #12

7,435

Recognized Expert Expert

The problem is he declared Xhtml which closes script tags with /> and not </script> (in this case). Also, further down toward the bottom you have this:

Expand|Select|Wrap|Line Numbers

script type="text/javascript">RunFoo();</script>

Which is missing its closing bracket altogether but also has the illegal </script> tag.

Apr 27 '07 #13

RKZA

New Member

Hay dude,
I have fix your XHTML, just a problem with the script tags.
There are a few problems with your css for cross-browser compatibility, tip try not to use margin to position some of your elements.
Anyway Here is your XHTML,

[HTML]
<link type="text/css" href="index.css" rel="stylesheet" />
<script src="foo.js" type="text/javascript"/></script>
</head>
<body>
<div id="header"><div id="left"><ul><li><a href="about.htm">About Us</a></li><li><a href="mission.htm">Our Mission</a></li><li><a href="do.htm">What We Do</a></li></ul></div>
<div id="right"><ul><li><a href="sponsor.htm">Sponsoring</a></li><li><a href="people.htm">The People</a></li><li><a href="news.htm">News Letter</a></li></ul></div>
<div id="middle"><ul><li><a href="clients.htm">Clients</a></li><li><a href="racing.htm">Racing</a></li><li><a href="team.htm">Team-Zeal</a></li></ul></div>
</div>
<div id="scroll"><img src="images/arrowl.gif" id="arrowl" alt="filler arrow"/><img src="images/arrowr.gif" id="arrowr" alt="filler arrow"/><script type="text/javascript">RunFoo();</script>
<div id="main">
<div id="media"></div>
<div id="news"><div class="topic">News</div></div>
<div id="home"><div class="topic">Homepage</div></div>
<div id="mediafoot"><img src="images/corner.gif" id="corner1" alt="corner picture"/></div>
<div id="footer">

</div>
</div>
</div>
</body>[/HTML]
Hope this helps.
Regards
R.K.

Apr 28 '07 #14

7,435

Recognized Expert Expert

RK,
Your code contains some of the same errors he already has. In addition, margin is sometimes the best way to position elements.

Apr 28 '07 #15

RKZA

New Member

I see the error of my ways, sometimes I can be so blind...
Anyway I believe I have corrected the errors

Got rid of the forward slash in the head script element
There were one too many closeing div tags

Heres the code:
[HTML]<link type="text/css" href="index.css" rel="stylesheet" />
<script type="text/javascript" src="foo.js"></script>
</head>
<body>
<div id="header"><div id="left"><ul><li><a href="about.htm">About Us</a></li><li><a href="mission.htm">Our Mission</a></li><li><a href="do.htm">What We Do</a></li></ul></div>
<div id="right"><ul><li><a href="sponsor.htm">Sponsoring</a></li><li><a href="people.htm">The People</a></li><li><a href="news.htm">News Letter</a></li></ul></div>
<div id="middle"><ul><li><a href="clients.htm">Clients</a></li><li><a href="racing.htm">Racing</a></li><li><a href="team.htm">Team-Zeal</a></li></ul></div>
</div>
<div id="scroll"><img src="images/arrowl.gif" id="arrowl" alt="filler arrow"/><img src="images/arrowr.gif" id="arrowr" alt="filler arrow"/><script type="text/javascript">RunFoo();</script></div>
<div id="main">
<div id="media"></div>
<div id="container">
<div id="news"><div class="topic"><span class="headingTopic">News</span></div></div>
<div id="home"><div class="topic"><span class="headingTopic">Homepage</span></div></div>
</div>
<div id="mediafoot"><img src="images/corner.gif" id="corner1" alt="corner picture"/></div>
<div id="footer"></div>
</div>

</body>[/HTML]
Regards
R.K.

Apr 28 '07 #16

7,435

Recognized Expert Expert

Still not right. I mentioned it in my post.

Apr 28 '07 #17

4,059

Recognized Expert Specialist

The problem is he declared Xhtml which closes script tags with /> and not </script> (in this case). Also, further down toward the bottom you have this:

Expand|Select|Wrap|Line Numbers

script type="text/javascript">RunFoo();</script>

Which is missing its closing bracket altogether but also has the illegal </script> tag.

ahh, yes, makes sense.

Apr 29 '07 #18

pbmods

5,821

Recognized Expert Expert

FWIW, the site looks like the screenshot in Safari. With the only exception that the scroll div is drawn over the menus (a little z-index tinkering should fix that).

Apr 29 '07 #19

7,435

Recognized Expert Expert

You know what. I made a fool of myself. I totally misread that script line above.
<script type="text/javascript">RunFoo();</script>

There is nothing wrong with that other than RunFoo not doing anything. So RK may have it right but I'm totally wrong about that part.

Apr 29 '07 #20

4,059

Recognized Expert Specialist

You know what. I made a fool of myself. I totally misread that script line above.
<script type="text/javascript">RunFoo();</script>

There is nothing wrong with that other than RunFoo not doing anything. So RK may have it right but I'm totally wrong about that part.

Two demerits ;)

Apr 29 '07 #21

New Member

Thanks for the help, seriously good stuff.

However, I am still unsure was to what direction to take this.

The FOO.js file writes in the code for a flash file. This allows me to avoid the "click to activate" BS that IE and most other browsers appear to be supporting. So i would really like to keep that as i believe it to be valuable.

Apr 30 '07 #22