WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] CSS floating columns problem in IE8

[Resolved] CSS floating columns problem in IE8

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

    For Businesses

    For Domainer 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;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • looks like it may be back to tables for me. sigh

    Michael

    @alchymyth

    Forum Moderator

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

    #right {
    	float:right;
            padding:1em;
    }

    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>

    @ 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] CSS floating columns problem in IE8’ is closed to new replies.
Skip to toolbar