Вложенное div плавающее выравнивание

Question

с некоторым удовольствием пытается разложить эти вложенные div и попытаться выяснить, очищается. Я пытаюсь сделать свое объявление справа от моего контента на www.ffldraftoptimizer.com, но оно появляется под моим контентом. Сколько раз тестировал и искал решение, действительно не могу сказать, что я пробовал, а что нет. Я скомпенсировал код и добавил несколько комментариев относительно того, как он в основном выложен в настоящее время. Надеясь, что кто-то сможет проверить сайт и помочь.

//container: 
    //div.MaxWidth 
    //{ 
    //width:50%; 
    //height:auto; 
    //max-width:50%; 
    //text-align:justify; 
    //text-justify:inter-word; 
    //} 
    <div class="MaxWidth"> 
     //#left {float:left} 
     <div id="left"> 
     <div > 
      <img src="images/optimizefront.jpg" class="floatLeft" /> 
       //content that wraps around the image as desired 
     </div> 
     </div> 
     <div> 
       //ad 
     </div> 
    </div> 

Answer 1

Вы должны удалить MaxWidth и попробовать это, это отделит его.

#left 
{ 
width:50%; 
float:left; 
} 
#right 
{ 
width:50%; 
float:right; 
} 

<div> 
    <div id="left"> 
     <img src="......."/> 
    </div> 
    <div id="right"> 
    </div> 
</div>