Help - cross browser web design issues

Discussion in 'OT Technology' started by fem., Mar 11, 2005.

  1. fem.

    fem. New Member

    Joined:
    Nov 27, 2004
    Messages:
    11,651
    Likes Received:
    0
    I just started trying to use div layers on a layout I'm making. The boxes are all in the bg image and the content I've been positioning with layers and/or iframes. (layers for this because it's very small)

    Problem is, I can align the position of the text w/ the bg image okay in IE:
    [​IMG]
    But not in Firefox:
    [​IMG]

    Right now I'm using the position:absolute declaration to position the layer, are there any alternatives I could use that would work?

    Any help much appreciated! :wiggle:
     
  2. bleak

    bleak Guest

    I wouldn't mind knowing the answer to this, myself (if there is an answer). It seems IE and Firefox just have different ideas about how to place such things.
     
  3. fem.

    fem. New Member

    Joined:
    Nov 27, 2004
    Messages:
    11,651
    Likes Received:
    0
    /bump
     
  4. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    Look up compliance issues with tags on the internet, I think w3schools.org has a great reference. Unfortunately, IE 6 claims to be CSS 1.0 compliant, while FireFox is CSS 2.0 compliant. You'll have to be careful about which styles to use, because IE will do something different than what it should be doing.

    Well, here, I just looked up the reference.
    http://www.w3schools.com/css/css_reference.asp

    You can see the compatability issues on the right side of the chart.
     

Share This Page