Website not looking right in IE/Opera

[WritersBeat]

For some reason my navigation at the top looks fine on firefox, but on opera it doesn't show and on IE it's really weird.

Can anyone help me fix it up?

[Rich]

You should post a link to your site so we can see first hand and so we can view the source.

[WritersBeat]

<a href="http://www.writersbeat.com" target="_blank">http://www.writersbeat.com</a>

[Freesteyelz]

Actually, in Firefox it doesn't look fine either. This entire line of code in your Header is pushing the navbar buttons out of the screen:

	<td align="left" valign="top" height="126"><a href="http://www.writersbeat.com/?"><img src="images/wbtan/misc/logo3.gif" border="0" alt="WritersBeat.com" /></a> </td> <td style="padding-bottom:20px;" width="400"> "Learn as much by writing as by reading. "<br />
<br />
Lord Acton </td>

While there are several issues with your code overall we'll stick to (temporarily) resolving this one with a quick fix.

Where you see:

</td>
	<td align="right">
 
		<div id="pageWrapper">

Replace it with:

             </td>
      </tr>
      <tr>
	<td align="right" colspan="2">
 
		<div id="pageWrapper">

This will drop your navbar buttons onto a separate row of its own. Again, this is only a quick fix making your site more presentable until you work in a permanent solution.

[peterska2]

If you could post your header template in [ code][ /code] tags it will make it a lot easier to debug for you.

[WritersBeat]

<table width="98%"  align="center" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="15" style="background-image:url($stylevar[imgdir_misc]/left.gif)"><img src="$stylevar[imgdir_misc]/left.gif" width="15"  border="0" alt="" /></td>
    <td width="100%">

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" class="sand_header_bg">
<tr>
	<td align="$stylevar[left]" valign="top" height="126"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a> </td> <td style="padding-bottom:20px;" width="400"> $zointsquote </td>
	<td align="right">
 
		<div id="pageWrapper">
		  <div id="mastWrapper">
			 <div id="masthead">	
          
				<!-- masthead content begin -->

				<div id="nav1">
				  <ul>
					 <li><a href="/">Home</a></li>
                                         <li id="zointsprofile"> <if condition="$show['member']">
				 <a href="#zointsprofile">Zoints</a> <script type="text/javascript"> vbmenu_register("zointsprofile"); </script> 
			<else />
				 <a href="$vboptions[zointsprofile_basepath]">Social Profile</a> 
			</if>
</li>
					 <li><a href="usercp.php$session[sessionurl_q]">UserCP</a></li>
					 <li><a href="faq.php$session[sessionurl_q]" accesskey="5">FAQ</a></li>
					 <li><a href="vbplaza.php$session[sessionurl_q]">Point Store</a></li>
					 <li><a href="rules.php">Rules</a></li>
					 <li><a href="memberlist.php$session[sessionurl_q]">Members</a></li>
					 <li><a href="blogs/">Blogs</a></li>
					 <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">New Posts</a></li>
					 <li><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">Search</a></li>
					 <li id="usercptools"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></li>
					 <li><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">Logout</a></li>
 

				  </ul>
				</div>
			 </div>
		  </div>
         </div>
</td></tr></table>

<!-- content table -->
$spacer_open

$_phpinclude_output

When I try

      </td>
      </tr>
      <tr>
	<td align="right" colspan="2">
 
		<div id="pageWrapper">

it does this (not good) it adds another huge space on the bottom of the logo area.

[Freesteyelz]

Yeah. It was only a temporary solution. My objective was to at least display the navbar in its entirety.

[WritersBeat]

Yup, would you mind helping me out so it's... a complete solution? I could really use some help.