Results 1 to 4 of 4

Thread: alignment problem in 3 col layout

  1. #1
    Join Date
    Jun 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default alignment problem in 3 col layout

    The page http://wsdev.colostate.edu/cwis116/admmock/dsp_fr.cfm
    looks aligned in IE 6.0 and the page border looks shifted in Mozilla 1.7.5.
    There is a gap (white line) between the border and the right column.
    How can I fix this in Mozilla. If I shift the right col to close the gap still the banner does not look ok.


    Thanks.

    CSS :-

    body {
    background-color :#003300;
    margin : 0px;
    outline : 0px;
    padding: 0px;
    color: #000000;
    font-family : Verdana, Arial, sans-serif;
    text-align: center; /*for IE */
    font-size: xx-small;
    }
    .pageBorder{
    border : medium ridge #DDC642 ;
    color : #000000;
    padding : 0px 0px 0px 0px;
    width : 760px;
    margin: 0 auto; /* align for good browsers */
    text-align: left;/* counter the body center good browsers*/
    background-color : #ffffff;
    }
    /* Fix IE. Hide from IE Mac \*/
    * html #leftnav ul li { float: left; }
    * html #leftnav ul li a { height: 1%; }
    /* End */
    #leftcol {
    width : 175px;
    float : left;
    position : relative;
    margin-left : -175px;
    margin-right : 1px;
    }
    #rightcol {
    width : 175px;
    float : right;
    position : relative;
    margin-right : -175px;
    margin-left : 1px;
    }
    #maincol {
    float: left;
    width : 100%;
    position : relative;
    margin : 0 -8px 0 -2px;
    }
    .content {
    padding-left : 8px;
    padding-right : 8px;
    }
    #outer {
    border: solid white 0px;
    border-left-width : 175px;
    border-left-color : #003300;
    border-left-style : solid;
    border-right-color : #dddddd;
    border-right-style : solid;
    border-right-width : 175px;
    background-color : #FFFFFF;
    width : auto;
    border-bottom : 1px solid #DDC642;
    }
    #inner {margin:0; width:100%;}
    #outer>#inner{}
    #footer { text-align:center; margin:0 auto; width:100%;}

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Looks fine to me in IE6, NS7.2 and FF1.0.4 at 800x600, 1024x768 and 1152x864.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by nchandra
    The page http://wsdev.colostate.edu/cwis116/admmock/dsp_fr.cfm
    looks aligned in IE 6.0 and the page border looks shifted in Mozilla 1.7.5.
    I don't have that particular version, but I do have 1.7 (amongst others) and I don't see any major differences.

    I don't think microfonts and script dependency is a good look for a university.

    Mike

  4. #4
    Join Date
    Feb 2005
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It looks like their is a slight shift in the border but no white line for me.

Bookmarks

Posting Permissions

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