Quick HTML help

[caveman017]

Making a new website for my Cross Country team for school.. for some damn reason I cannot get the menu.js to center in firefox, but its perfect in IE7... help?

http://www.wideopenwest.com/~jgittelman/NCHS/index.htm

I do have this

<!-- Menu Script -->
<center><script type="text/javascript" src="menu.js"></script></center>
<!-- End Menu Script -->

 

[amdskip]

<div align="center"></div>

The tag is depreciated but see if it works.

 

[caveman017]

just tried, same result

 

[amdskip]

try this

 

[caveman017]

better, works in IE, but firefox, its now aligned left

 

[LeetestUnleet]

I haven't looked at your code, but that typically implies that you need another "text-align" property somewhere else in your CSS.

 

[GundamSonicZeroX]

Try putting it in a table.


Also, have you considered using CSS? (assuming that all you're doing is making roll-overs?)

 

[LeetestUnleet]

Hm, I gave it a quick look over, and I'm pretty sure it's something with the way you're using it in tables. I don't want to strike up a huge debate, but this is where it would be so much easier if you used a div layout with CSS instead of tables.

The only "band-aid" fix (which I don't recommend - you'd be better off fixing the actual problem) is to use a
padding-left: 100px;
instead of the
text-align: center;

It seemed to move it just fine, though I might be +/- 5px on exact center.

 

[Evadman]

<!-- Menu Script -->
<table width="100%"><tr><td align="center"><script type="text/javascript" src="menu.js"></script></td></tr></table>
<!-- End Menu Script -->