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 Coder
    Join Date
    Mar 2006
    Posts
    64
    Thanks
    5
    Thanked 0 Times in 0 Posts

    nested divs appear behind box in Firefox only

    Please see www.ryanspahn.net/FireFox.jpg for Firefox version and www.ryanspahn.net/IE.jpg .

    Notice in the Firefox in the second box the two radio button forms appear behind the box. In the first box(top box) they appear fine within that box.

    Here is my .css

    Code:
    div.customizebox {
       background-color: #FFF8DC;
       width: 700px;
       height: 1900px;
       }
    
       #pingbox {
       position: absolute;
       top:100px;
            left:95px;
       width:650px;
           height:260px;
       background-color: #FFFFFF;
       border: solid 3px #000000;
       line-height:17px;
       }   
    
    
       #pbox {
       float: left;
       width:200px;
           height:250px;
       background-color: #FFFFFF;
       }
    
       #lrmbox {
       float: left;
       width:250px;
           height:250px;
       background-color: #FFFFFF;
        }
    
          #randombox {
       float: left;
       width:200px;
           height:250px;
       background-color: #FFFFFF;
        }
    
           
            #boxrming {
       position: absolute;
       top:285px;
            left:-3px;
       width:650px;
           height:260px;
       background-color: #FFFFFF;
       border: solid 3px #000000;
       line-height:17px;
       }
    
       #boxspl {
       float:left;
       width:200px;
           height:250px;
       background-color: #FFFFFF;
       
       }
    
       
       #boxlrm {
            float:right;
            width: 200px;
           height:250px;
       background-color: #FFFFFF;
       
            }
    
            #boxrandom {
            float:right;
           width:200px;
           height:250px;
       background-color: #FFFFFF;
       
            }

    Anyone ever seen this? Can anyone offer a suggestion on how to fix it? Do I need to clear floats or something for those two boxes to appear on top and not behind the box?



    Thanks,
    Ryan

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,745
    Thanks
    0
    Thanked 244 Times in 239 Posts
    Hi there chaser7016,

    posting links to images is not really that useful for solving coding problems.

    Posting a link to the problematic site is the ideal way to get coding solutions.

    coothead


  •  

    Posting Permissions

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