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
    Regular Coder
    Join Date
    Apr 2006
    Posts
    231
    Thanks
    9
    Thanked 1 Time in 1 Post

    CSS: DIV Positioning.

    Well, I gave pure CSS a crack on my current site. I'm stuck though.

    I have a container div, and then 2 columns inside the container, one set to float left and the other float right. Somehow when the columns expand vertically, they don't push the container div's bottom border down, but rather just over ride it.

    Code:
    div#outer{
    	width:780px;
    	border:5px solid #633e17;
    }
    div#left{
    	float:left;
    	width:443px;
    	border:1px solid #80ae35;
    }
    div#right{
    	float:right;
    	width:336px;
    	border:1px solid #80ae35;
    }
    How do i Fix this?

  • #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
    Read this http://www.positioniseverything.net/easyclearing.html

    I can guarantee that if you viewed the page it would look like its working properly but its not.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Apr 2006
    Posts
    231
    Thanks
    9
    Thanked 1 Time in 1 Post
    well I don't really want to do it the wrong way. I'm fairly new to divs. Is there a proper way of clearing it?


  •  

    Posting Permissions

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