1 Reply Latest reply on Feb 12, 2010 2:15 PM by GMinchow

    "The main_text div" (p. 4-13)

    GMinchow

      I have gone through part 4 over and over again and gotten the same result for the last step. I decided to try one more time but with the files provided in the "check_magazine_pt3_complete.zip" packet. Much to my dismay this is not working.... 


        
      I am following parts 4-13 exactly and it is not yeilding a clean result. After adjusting the padding the main image does "tile" down and to the right. However, after adjusting the height and width (to make up for this, as mentioned in steps 11-13) nothing "snaps" back into place. The values displayed in my properties pane are exactly as it shows.  
        
      Is anyone else having this problem?

       

      Here is my coding:

       

      @charset "UTF-8"; 
      body { 
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size: 1em; 
        color: #000; 

      /* CSS Document */ 
        
      #container { 
      width: 968px; 
      background: #FFFFFF; 
      margin: 0 auto; 
      padding-left: 10px; 
      padding-right: 10px; 
      overflow: hidden; 

      #banner { 
        background-image: url(images/banner.gif); 
        height: 100px; 
        width: 968px; 

      #main_image {
      background-image: url(images/main.jpg);
      height: 231px;
      width: 383px;
      padding-top: 145px;
      padding-left: 585px;

        
      #main_text { 
        background-color: #FFF; 
        width: 300px; 
        line-height: 120%; 
        font-family: "Myriad Pro", Helvetica, Arial, sans-serif; 
        padding: 12px; 

        
      #main_text h3 { 
        font-size: 120%; 
        color: #00b4e1; 
        margin: 0 auto; 
        margin-bottom: 10px; 

        
      #main_text h4 { 
        font-size: 100%; 
        margin: 0 auto; 

        
      #main_text p{ 
        font-size: 90%; 
        margin: 0 auto; 

        
      #left_column { 
        float: left; 
        width: 316px; 

      #column_container { 
        float: left; 
        width: 652px; 

      #right_column { 
        float: right; 
        width: 316px; 

      #center_column { 
        width: 316px; 
        margin-left: 10px; 
      }
      #main_text p{
      font-size: 90%;
      margin: 0 auto;
      }
      #left_column {
      float: left;
      width: 316px;
      }
      #column_container {
      float: left;
      width: 652px;
      }
      #right_column {
      float: right;
      width: 316px;
      }
      #center_column {
      width: 316px;
      margin-left: 10px;
      }