Logo alignment in IE

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • sparky
    Senior Member
    • Dec 2005
    • 456
    • 4.2.x

    Logo alignment in IE

    For some reason my logo on my forum is aligned left in Internet Explorer, yet in Firefox and Opera it's fine.

    Any ideas?

    Thanks
  • Jake Bunce
    Senior Member
    • Dec 2000
    • 46598
    • 3.6.x

    #2
    I see the problem, but I can't find the cause in your source code.

    Comment

    • roosevelt
      Senior Member
      • Jul 2004
      • 227
      • 5.0.X

      #3
      Before the logo add something like
      Code:
      <div align='whater'>LOGO CODE</div>
      . If you show us your live site, it will be bit easier to solve the problem.
      Out to Change the world!

      Comment

      • TygerTyger
        Senior Member
        • Aug 2005
        • 606
        • 3.6.x

        #4
        Set all your tables in the logo code to align="center".

        You also seem to have an empty table below it, not that it will make a difference.

        Comment

        • peterska2
          Senior Member
          • Oct 2003
          • 8869
          • 3.7.x

          #5
          I've taken a look at it, and as far as I can see, it is correct, it is just the way that IE translates it that is the problem.

          I've made a couple of changes to your code in your header template, so try replacing this portion

          Code:
          <!-- logo -->
          <a name="top"></a>
          <!-- <BODY background="images/back.jpg" style="margin: 0px 0px;"> -->
          <table width="90%" align="center" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td colspan="3" width="100%" height="210">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td align="center" width="655" height="170"><img width="655" height="170" border="0" align="center" src="/forum/images/ROstyle/misc/logo.png"></td>
            </tr>
            </table>
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
            </tr>
            </table>
           </td>
          </tr>
          with this instead

          Code:
          <!-- logo -->
          <a name="top"></a>
          <!-- <BODY background="images/back.jpg" style="margin: 0px 0px;"> -->
          <table width="90%" align="center" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td colspan="3" width="100%" height="210" align="center">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td align="center" width="655" height="170"><img width="655" height="170" border="0" align="center" src="/forum/images/ROstyle/misc/logo.png"></td>
            </tr>
            </table>
           </td>
          </tr>

          let me know what happens.

          Comment

          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
          Working...