Mozilla Table Height!

Mr. Websites · 06-22-2008, 01:41 AM

I'm having a slight dilemma while testing my online games' website on the Mozilla browser. As you can see, all is well when the website is launched in Internet Explorer. However, when accessed by a visitor using Mozilla, the two links' bars (shaded in light blue) appear to be drastically stretched. I heard correcting something relating to the table's 'line-height' could resolve this issue, but I simply lack the technical expertise to do so myself. Hence, I'm wondering if someone here could guide me through correcting this?

Irieman · 06-22-2008, 01:47 PM

The error is the same on all browsers apart from IE. Try adding the height property to that table:

Code:

<table style="margin-top: 5px;" class="news" width="100%" height="10" align="center">
... 
</table>

Mr. Websites · 06-22-2008, 02:23 PM

It didn't quite do the trick on Mozilla, unfortunately.

Irieman · 06-22-2008, 02:59 PM

You need to clean up your HTML... Replace first table by

Code:

<TABLE class="news" style="MARGIN-TOP: 5px" width="100%" align=center>
  <TR>
    <TD colSpan="5" align="center">
    <SPAN id=subnavi8><SPAN class=navigation style="FONT-SIZE: 7pt">
    <A 
      href="http://www.arcadetemple.com/category/all/1.html">All 
      Media</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/Action/1.html">Action</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/Arcade/1.html">Arcade</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/Puzzle/1.html">Puzzle</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/Shooting/1.html">Shooting</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/Sports/1.html">Sports</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/Other/1.html">Other 
      Media</A>&nbsp;|&nbsp;<A 
      href="http://www.arcadetemple.com/category/High%20Scores/1.html">High 
      Scores</A></SPAN></SPAN>
      </TD>
      </TR>
</TABLE>

and second by

Code:

<TABLE class="news" style="MARGIN-TOP: 5px" width="100%" align="center">
  <TR>
    <TD colSpan="5" align="center">
    <SPAN id=subnavi8><SPAN class=navigation style="FONT-SIZE: 7pt">
      <A 
      title="Play addicting games to cure your boredom!" 
      href="http://www.bootyarcade.com/" target=_blank>Play 
      Games</A>&nbsp;|&nbsp;<A 
      title="A large selection of girls' dress up games!" 
      href="http://www.girldressupgames.net/" target="_blank">Dress Up 
      Games</A>&nbsp;|&nbsp;<A 
      title="Play thousands of free online games at this website!" 
      href="http://www.2grandarcade.com/" target=_blank>Online 
      Games</A>&nbsp;|&nbsp;<A 
      title="Compete for the highest scores and win cash prizes!" 
      href="http://www.arcadeboss.com/" target=_blank>Arcade 
      Games</A>&nbsp;|&nbsp;<A title="" href="http://www.gamesfreak.net/" 
      target=_blank>Free Games</A>&nbsp;|&nbsp;<A 
      title="A large collection of free online flash games!" 
      href="http://www.gamesplz.com/" target=_blank>Play Online 
      Games</A>&nbsp;|&nbsp;<A title="" href="http://www.khemer.com/" 
      target=_blank>Khmer</A>&nbsp;|&nbsp;<A 
      title="" href="http://www.gamerslevel.com/" target=_blank>Addicting 
      Games</A>&nbsp;|&nbsp;<A title="" href="http://www.gamersattack.com/" 
      target=_blank>Funny Games</A>&nbsp;|&nbsp;<A 
      title="Play free online games at Famous Arcade!" 
      href="http://www.famousarcade.com/" target=_blank>Play 
      Games</A></SPAN></SPAN>
      </TD>
      </TR>
</TABLE>

Cheers,
????: NamePros.com http://www.namepros.com/programming/484514-mozilla-table-height.html
????: NamePros.com http://www.namepros.com/showthread.php?t=484514
Richard

Mr. Websites · 06-22-2008, 04:29 PM

Awesome!

I will try this in a bit, and will post the results here.
I've left reputation points for you as a token of my appreciation.

Irieman · 06-22-2008, 04:32 PM

Thanks

06-22-2008, 01:41 AM	THREAD STARTER #1 (permalink)
Mr. Websites Senior Member Join Date: May 2004 Location: Toronto Posts: 2,308	Mozilla Table Height! I'm having a slight dilemma while testing my online games' website on the Mozilla browser. As you can see, all is well when the website is launched in Internet Explorer. However, when accessed by a visitor using Mozilla, the two links' bars (shaded in light blue) appear to be drastically stretched. I heard correcting something relating to the table's 'line-height' could resolve this issue, but I simply lack the technical expertise to do so myself. Hence, I'm wondering if someone here could guide me through correcting this?

06-22-2008, 01:47 PM	#2 (permalink)
Irieman Senior Member Join Date: Sep 2006 Posts: 1,019	The error is the same on all browsers apart from IE. Try adding the height property to that table: Code: <table style="margin-top: 5px;" class="news" width="100%" height="10" align="center"> ... </table> __________________ LatestDrops.com - Search for expired, pre-release and pending delete domain names

06-22-2008, 04:32 PM	#6 (permalink)
Irieman Senior Member Join Date: Sep 2006 Posts: 1,019	Thanks __________________ LatestDrops.com - Search for expired, pre-release and pending delete domain names

06-22-2008, 02:23 PM	THREAD STARTER #3 (permalink)
Mr. Websites Senior Member Join Date: May 2004 Location: Toronto Posts: 2,308	It didn't quite do the trick on Mozilla, unfortunately.

06-22-2008, 04:29 PM	THREAD STARTER #5 (permalink)
Mr. Websites Senior Member Join Date: May 2004 Location: Toronto Posts: 2,308	Awesome! I will try this in a bit, and will post the results here. I've left reputation points for you as a token of my appreciation.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)