WordPress.org

1. mikedark
   Member
   Posted 3 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. mikedark
   Member
   Posted 3 years ago #
   

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

3. alchymyth
   The Sweeper & Moderator
   Posted 3 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 3 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. mikedark
   Member
   Posted 3 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.