Results 1 to 6 of 6
  1. #1
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920

    Problems with text alignment

    I keep running into this problem and it's driving me nuts.

    if I design this page to work with Firefox it hoses it royally for IE. If I code it for IE it hoses it for FF.

    So obviously I code it to work in IE since that's by far the biggest group. But there has to be a way to get this to work correctly in FF.

    http://new.e-referrer.com/pgm/examples.php

    Take a look at the left side. See the blue window with all the site data? look at it in FF then look at it in IE. I used CSS to designate where everything goes, but it looks different in each browser.

    help?
    Show your reciprocal links on your website. eReferrer

  2. #2
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920
    FYI for the next couple minutes the site is unreachable. I'm restarting the server (unrelated task)
    Show your reciprocal links on your website. eReferrer

  3. #3
    Join Date
    Sep 2004
    Location
    singapore
    Posts
    125
    Style the info_panel specifying width and height of the td's. that might work as IE//ff sometimes puts in default padding for <td>
    Last edited by flakdesign; 01-06-2007 at 10:08 AM.

  4. #4
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920
    I'll give that a shot. thanks for the input.

    I'm not happy about the site being table driven in the first place. but I'm not going to start over. there's a LOT of work done on the backend.

    I'll follow up with results. but thanks again
    Show your reciprocal links on your website. eReferrer

  5. #5
    Join Date
    Aug 2006
    Posts
    35
    Try taking out the top padding and try playing around with the line height.

    .info_panel {
    TABLE-LAYOUT: auto;
    PADDING-LEFT: 11px;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    LINE-HEIGHT: 9px;
    PADDING-TOP: 7px
    }

    This ought to make it similar in IE and FF, I hope.

    .info_panel {
    TABLE-LAYOUT: auto;
    PADDING-LEFT: 11px;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    line-height: 17px;
    }

  6. #6
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920
    I did some tweaking and based on your example I got it to work pretty close to perfect. I think part of the problem was I used padding. But when I switched it to margin-top it worked.

    Thanks!
    Show your reciprocal links on your website. eReferrer

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •