DIV alignment in Firefox and Netscape

Discussion in 'CSS' started by johnmr, Sep 10, 2006.

  1. #1
    I'm having a strange problem with firefox and Netscape not positioning something correctly. Here is the page:

    http://www.artntech.com/sample/index3.html

    This seems to work fine in IE, but the center text and forms are off center in Firefox and Netscape. Any idea what is going on? I'm using nested DIVs with absolute positioning inside a relative positioned DIV. The code that is giving me trouble is down at the end of the document.

    Any ideas or workarounds? Any help greatly appreciated.

    Thanks

    JMR

    *
     
    johnmr, Sep 10, 2006 IP
  2. SoKickIt

    SoKickIt Active Member

    Messages:
    305
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    70
    #2
    Set "left" to 0 and "width" to 100% for "home_search", "home_statement" and "home_login".

    
    <div class="bodybold" id="home_search" style="position: absolute; left: 0px; width: 100%; top: 215px; z-index: 2;"...
    <div class="bodybold" id="home_statement" style="margin: 0pt auto; position: absolute; left: 0px; width: 100%; top: 265px; z-index: 2;"...
    <div class="bodybold" id="home_login" style="position: absolute; left: 0px; width: 100%; top: 355px; z-index: 2; border: #c00 1px solid;"...
    
    HTML:
     
    SoKickIt, Sep 11, 2006 IP
  3. johnmr

    johnmr Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for the tip - I'll let you know how it goes


    thanks

    JMR

    *
     
    johnmr, Sep 11, 2006 IP