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

    Float & Clearing Problem

    I have 2 columns. Both columns are made up of numerous stacked divs. Left Column is set with a float of left, and right with a float of right. It all works, until one side is bigger than the other:

    [1][2]
    [3][4]
    ...[5]


    #5 moves over on the left column (under #3 and next to #4) when the right column is longer.

    How would I fix this?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,747
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Erindesign,
    Does
    Code:
    .left {
    	float: left;
    	clear: left;
    }
    
    .right {
    	float: right;
    	clear: right;
    }
    fix it for you?

    If not, copy/paste your code here so we can have a look.
    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


  •  

    Posting Permissions

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