PDA

View Full Version : Website not looking right in IE/Opera


WritersBeat
05-29-2006, 11:18 AM
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?

http://img523.imageshack.us/img523/3503/untitled19ph1.gif

http://img523.imageshack.us/img523/9594/untitled29nr.gif (http://imageshack.us)

http://img523.imageshack.us/img523/68/untitled31eh.gif (http://imageshack.us)

Rich
05-29-2006, 12:12 PM
You should post a link to your site so we can see first hand and so we can view the source.

WritersBeat
05-29-2006, 07:46 PM
<a href="http://www.writersbeat.com" target="_blank">http://www.writersbeat.com</a>

Freesteyelz
05-29-2006, 10:26 PM
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
05-29-2006, 10:47 PM
If you could post your header template in [ code][ /code] tags it will make it a lot easier to debug for you.

WritersBeat
05-30-2006, 04:55 AM
<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.


http://img181.imageshack.us/img181/8261/nope8un.gif (http://imageshack.us)

Freesteyelz
05-30-2006, 05:37 AM
Yeah. It was only a temporary solution. :D My objective was to at least display the navbar in its entirety. :)

WritersBeat
05-30-2006, 05:49 AM
Yup, would you mind helping me out so it's... a complete solution? I could really use some help.