Member Avatar for RAH104

Hello,

http://www.urljet.com/policies.html

In FireFox the live chat icon is on the left hand side however in IE it's centered. It shouldn't be centered.

How do I resolve this?

Here's an excerpt of the related code:

<div style="width:707px; margin:0 auto; text-align:right;  padding-top:3px; padding-right:5px; height:15px;"><script language="javascript" src=""></script></div>

<center>
  <table border="0" cellpadding="0" cellspacing="0" height="674" width="750">
    <tbody>
      <tr>
        <td height="248"><table border="0" cellpadding="0" cellspacing="0" width="750">
            <tbody>
              <tr>
                <td alt="" height="246" width="24"></td>

Thanks.

  • 3 Contributors
  • 5 Replies
  • 108 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by peter_budo

Dani AI

Generated

A short diagnostic and practical checklist for the live-chat alignment problem mentioned by (and noted by ), since asked for the solution and the original fix wasn’t posted.

Common causes and quick checks

  • Verify standards mode: add a modern DOCTYPE so browsers use standards rendering.
  • Inspect the element the chat script injects (use F12 developer tools in each browser) to see whether the script outputs inline styles, tables, or different markup across browsers.
  • Check parent alignment: text-align on a parent affects inline content; floats and absolute positioning affect block-level content.
  • Legacy IE behavior: older IEs require a triggered "hasLayout" for some properties to work consistently.

Concrete, safe fixes to try

  • Use a positioned container so the chat icon is anchored regardless of injected markup:
.header { position: relative; }
.livechat { position: absolute; right: 6px; top: 3px; display: block; }
  • If the injected element has inline styles you cannot change, override with a higher-specificity rule or !important as a last resort:
#wrapper .livechat { float: right !important; display: block !important; }
  • For older IE (if still relevant), trigger layout when needed:
.livechat { zoom: 1; } /* forces hasLayout in IE6/7 */

Notes and cautions

  • Prefer wrapping the script output in a known container you control, then style that container. That avoids fighting third-party inline markup.
  • Avoid browser-specific hacks if standards fixes (DOCTYPE, positioning, specificity) solve it.
    This checklist covers the fixes that typically resolve cross-browser alignment differences when a third-party script injects UI elements.

Recommended Answers

All 5 Replies

Member Avatar for sreein1986

it's goes to right align please check once ...

Member Avatar for RAH104

Yes, I stated left instead of right.

Member Avatar for peter_budo

In IE6 is on the right hand side and same goes for FF3. Was issue solved or this error is on IE7?

Member Avatar for RAH104

Issue was resolved - thanks anyhow.

Member Avatar for peter_budo

Would you mind to share your solution?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.