box positioning issues and different version IE 6 problem

Discussion in 'HTML' started by chaser7016, Jan 2, 2007.

  1. chaser7016

    chaser7016 Guest

    Hello

    In IE the boxes on my site ( http://www.ryanspahn.net ) are how I want
    them to be. In FireFox unfortunately the #column(the writing about
    browsers is seen here) and the box to its right(the one with the member
    login) #columnbox, both have moved upward. Here is my css for the
    page.........

    body {
    background-color: #FFCCCC;
    background-position: top left;
    background-repeat: no-repeat;
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    font-size: .85em;
    padding: 0.5px 30px 0 0;
    margin: 25px;
    }

    div.mainbox {
    margin-left: 45px;
    background-color: #FFF8DC;
    width: 700px;
    height: 525px;
    }

    div.box{
    position:absolute;
    top:83px;
    left:800px;
    margin-left: 20px;
    width:140px;
    height: 385px;
    padding:10px;
    background-color: #FFF8DC;
    background-image: url(../images/boxbar.gif);
    background-repeat: no-repeat;
    border: solid 3px #000000;
    line-height:17px;

    }

    #mainMenu {
    background-color: #FFF; /* Background color of main menu */
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /*
    Fonts of main menu items */
    font-size:0.9em; /* Font size of main menu items */
    border-bottom:1px solid #000000; /* Bottom border of main menu */
    height:40px; /* Height of main menu */

    position:relative; /* Don't change this position attribute */

    }

    #column {
    position:relative;
    width: 275px;
    margin-top: -390px;
    margin-left: 10px;


    }

    #columnbox {
    position:relative;
    left:360px;
    margin-top: -305px;
    width:325px;
    height:303px;
    background-color: #FFFFFF;
    background-image: url(../images/login.gif);
    background-repeat: no-repeat;
    border: solid 3px #000000;
    line-height:17px;


    }

    Any ideas or hacks to fix this and get the boxes to stay same in IE,
    but have them move down a bit in FireFox?

    Also, for whatever reason in IE 6 Version:
    6.0.2900.2180.xpsp_sp2_gdr.050301-1519 the box to the right with the
    turquoise or bright blue border enlarges itself and the pages overall
    HTML text does as well. In IE 6 Version:
    6.0.2900.2180.xpsp_sp2_rtm.040803-2158 and in IE7, everything looks as
    it should!

    Well thanks for reading...suggesting...commenting and any help u can
    provide!

    Cheers, Chaser
    chaser7016, Jan 2, 2007
    #1
    1. Advertising

  2. chaser7016

    Bergamot Guest

    chaser7016 wrote:
    >
    > In IE the boxes on my site ( http://www.ryanspahn.net ) are how I want
    > them to be. In FireFox unfortunately...


    You have much worse problems than a box being a few pixels off. The page
    is a wreck when JavaScript is disabled.

    --
    Berg
    Bergamot, Jan 2, 2007
    #2
    1. Advertising

  3. chaser7016

    Chaddy2222 Guest

    Bergamot wrote:
    > chaser7016 wrote:
    > >
    > > In IE the boxes on my site ( http://www.ryanspahn.net ) are how I want
    > > them to be. In FireFox unfortunately...

    >
    > You have much worse problems than a box being a few pixels off. The page
    > is a wreck when JavaScript is disabled.
    >

    I get no nav links at all with JS disabled, which I agree is very bad.
    --
    Regards Chad. http://freewebdesign.cjb.cc
    Chaddy2222, Jan 2, 2007
    #3
  4. chaser7016

    chaser7016 Guest

    Thanks for the comments and i know the site is riddled with
    JScript...is there any other solution. Im creating a one page website
    where each menu tab contains more information, no scrolling its all in
    your face.

    Anyone have any other suggestion on how to accomplish this sans
    Javascript?


    Chaddy2222 wrote:
    > Bergamot wrote:
    > > chaser7016 wrote:
    > > >
    > > > In IE the boxes on my site ( http://www.ryanspahn.net ) are how I want
    > > > them to be. In FireFox unfortunately...

    > >
    > > You have much worse problems than a box being a few pixels off. The page
    > > is a wreck when JavaScript is disabled.
    > >

    > I get no nav links at all with JS disabled, which I agree is very bad.
    > --
    > Regards Chad. http://freewebdesign.cjb.cc
    chaser7016, Jan 3, 2007
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Replies:
    5
    Views:
    443
    Toby Inkster
    Aug 11, 2005
  2. Gnarlodious
    Replies:
    4
    Views:
    17,578
    elizas
    May 5, 2010
  3. V Green
    Replies:
    0
    Views:
    840
    V Green
    Feb 5, 2008
  4. PA Bear [MS MVP]
    Replies:
    0
    Views:
    951
    PA Bear [MS MVP]
    Feb 5, 2008
  5. MowGreen [MVP]
    Replies:
    5
    Views:
    2,013
    PA Bear [MS MVP]
    Feb 9, 2008
Loading...

Share This Page