By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,445 Members | 1,160 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,445 IT Pros & Developers. It's quick & easy.

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

P: 70
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
Share this Question
Share on Google+
22 Replies


KevinADC
Expert 2.5K+
P: 4,059
Maybe post a question someone can understand and attempt to answer.
Apr 27 '07 #2

P: 70
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 2.5K+
P: 4,059
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

P: 70
Screenshot of what it is supposed to look like.

http://www.ourzeal.com/Untitled-3.gif
Apr 27 '07 #5

P: 70
Thats the best description I can offer. I am thinking the problem lies in the <divs> somehow.
Apr 27 '07 #6

KevinADC
Expert 2.5K+
P: 4,059
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 5K+
P: 7,435
You have a closing </script> tag in the middle of your html. Remove that.
Apr 27 '07 #8

P: 70
The only </script> i can find ends the <script type="text/javascript">RunFoo();</script> line.
Apr 27 '07 #9

P: 70
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

P: 70
It has to do with the script line. That was good advice. I just don't understand why.
Apr 27 '07 #11

KevinADC
Expert 2.5K+
P: 4,059
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 5K+
P: 7,435
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

P: 8
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 5K+
P: 7,435
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

P: 8
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 5K+
P: 7,435
Still not right. I mentioned it in my post.
Apr 28 '07 #17

KevinADC
Expert 2.5K+
P: 4,059
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 5K+
P: 5,821
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 5K+
P: 7,435
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 2.5K+
P: 4,059
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

P: 70
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 5K+
P: 7,435
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.