467,910 Members | 1,893 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,910 developers. It's quick & easy.

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

http://www.ourzeal.com/index2.html

http://www.ourzeal.com/index.css

Let me know if you can figure out where I have gone wrong.
Apr 27 '07 #1
  • viewed: 1176
Share:
22 Replies
KevinADC
Expert 2GB
Maybe post a question someone can understand and attempt to answer.
Apr 27 '07 #2
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
KevinADC
Expert 2GB
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
Screenshot of what it is supposed to look like.

http://www.ourzeal.com/Untitled-3.gif
Apr 27 '07 #5
Thats the best description I can offer. I am thinking the problem lies in the <divs> somehow.
Apr 27 '07 #6
KevinADC
Expert 2GB
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
drhowarddrfine
Expert 4TB
You have a closing </script> tag in the middle of your html. Remove that.
Apr 27 '07 #8
The only </script> i can find ends the <script type="text/javascript">RunFoo();</script> line.
Apr 27 '07 #9
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
It has to do with the script line. That was good advice. I just don't understand why.
Apr 27 '07 #11
KevinADC
Expert 2GB
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
  1. <html>
  2. <head>
  3.     <title>Untitled
  4. </head>
  5.  
  6. <body>
  7.  
  8. <H1>TESTING</H1>
  9.  
  10. </body>
  11. </html>
Apr 27 '07 #12
drhowarddrfine
Expert 4TB
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
  1. script type="text/javascript">RunFoo();</script>
Which is missing its closing bracket altogether but also has the illegal </script> tag.
Apr 27 '07 #13
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
drhowarddrfine
Expert 4TB
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
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
drhowarddrfine
Expert 4TB
Still not right. I mentioned it in my post.
Apr 28 '07 #17
KevinADC
Expert 2GB
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
  1. 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
Expert 4TB
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
drhowarddrfine
Expert 4TB
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
KevinADC
Expert 2GB
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
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
drhowarddrfine
Expert 4TB
You will need to carry that part over to the js board.
May 1 '07 #23

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

6 posts views Thread by Shaun Fleming | last post: by
6 posts views Thread by Mark Pappert | last post: by
2 posts views Thread by Mark Rae | last post: by
15 posts views Thread by rhino | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.