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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS: DIV height problem

    Hello, here is my code :

    Code:
    <div id='upperDiv' style='min-height:200px;border: 1px solid #000000;'>
         <div id='rightDiv' style='float:right;width:75%;'>
           content1
         </div>  
         <div id='leftDiv' style='float:left;width:25%;'>
           content2
         </div>
    </div>
    <div id='lowerDiv' style='height:50px;border: 1px solid #000000;margin-top:5px;'>
       content3
    </div>
    You can see the result here : http://www.creer-mon-site.net

    When content of rightDiv and leftDiv passes the 200px height (the min height) upperDiv doesn't grow. How can I fix this?

    Thanks

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,746
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello ADvanceref,
    Did you link us to the right site? I see no #upperDiv, #rightDiv or #leftDiv.

    It sounds like you are not clearing your floats. Read about why floats need clearing and how to do it here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Dec 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry, I didn't link the right site . Your answer helped me, I succeed. Thanks a lot!


  •  

    Tags for this Thread

    Posting Permissions

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