WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS floating columns problem in IE8 (5 posts)

  1. Mike
    Member
    Posted 4 years ago #

    i'm having a problem. if you look at these pages in IE8 (not sure of other IE versions)

    http://www.domainanimal.com/domain-name-sales-and-marketing/for-businesses/

    http://www.domainanimal.com/domain-name-sales-and-marketing/for-domain-investors/

    you can see the right column gets dropped down below the left column, and i cant figure out how to correct it. the code looks like:

    HMTL =

    <div id="left">
    left column content here
    </div>
    <div> id="right">
    right column content here
    </div>

    CSS =

    #left {
    	float:left;
            width:525px;
            padding:1em;
    }
    
    #right {
            margin-left:580px;
            padding:1em;
    }
  2. Mike
    Member
    Posted 4 years ago #

    looks like it may be back to tables for me. sigh

  3. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    why don't you try to use 'float:right;' on the #right style, and no margin ?

    #right {
    	float:right;
            padding:1em;
    }
  4. Mark / t31os
    Moderator
    Posted 4 years ago #

    Try adding a container and an element to clear the floats, eg.

    <div>
    	<div id="left">
    		left column content here
    	</div>
    	<div> id="right">
    		right column content here
    	</div>
    	<div style="clear:both"></div>
    </div>
  5. Mike
    Member
    Posted 4 years ago #

    @ t310s_ this did not work

    @alchymyth this worked! thanks! i guess i should have thought of it. and from dealing with floats in the past i did not think you could float two images on the same line. maybe it works because they are in separate containers though.

Topic Closed

This topic has been closed to new replies.

About this Topic