Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Firefox creates huge gap? shifts down.

    My site has a big gap or whitespace, I have 2 column (shoutbox and content) and the right column shifts down below the left, this problem occurs with Firefox only, I think the problem lies within the float or width I'm not sure. Please masters of CSS, help me!

    Site: http://openlite.5gigs.com/test.html

    Full code: http://pastebin.ca/33464

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Try this for the CSS
    Code:
    body {font-family: Tahoma, Sans-Serif; font-size: 12pt; color: #000; SCROLLBAR-BASE-COLOR: #666666; #eeeeee; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-ARROW-COLOR: #FFFFFF; margin: 0;
    }
    #content {
    margin-left:35%;
    border-left: 2px solid #000;
    margin-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    }
    .bl {background: url(bl.gif) 0 100% no-repeat #f1f1f1;}
    .br {background: url(br.gif) 100% 100% no-repeat;}
    .tl {background: url(tl.gif) 0 0 no-repeat;}
    .tr {background: url(tr.gif) 100% 0 no-repeat;}
    #left {
    float: left;
    width: 35%;
    margin-top: 15px;
    }
    .cjmsg {background-color: #F1F1F1;}
    #right {
    float: right;
    width: 65%;
    }
    
    input, textarea, select {
    background-color: #FFFFFF;
    color: #000000;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    }
    
    A:Link {color: #3364C3;}
    A:Visited {color: #9d0a0e;}
    A:Active {color: #F31903;}
    A:Hover {background-color: #e1e1e1;}
    
    table {background-color: #363636;}
    th {background-color: #E1E1E1;}
    td {background-color: #FFF;}
    
    .standard {margin: 0; padding;}
    
    .menu {color: #F26522; font-weight: bold;}
    .yao {color: #0000FF; font-weight: bold;}
    .vote {background-color: #f4f4f4;}
    Just adjust the margin on your #content to your linking.


  •  

    Posting Permissions

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