need a little help please
Posted: 20 September 2006 12:19 AM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2006-09-20

I am having a height problem with my layout, I have a main container that holds the rest, then I have a header container for the header graphic, then three column containers for below it, the problem is the three column containers are only as long in height as their content and therefore not giving me a even bottom…I know there is an easy answer to this, but I am having a brain dysfunction right now and can’t think what I need to do to fix this…below is the code for the containers mentioned above.

    #page {
      background-color : #ffffff;
      width : 761px;
      text-align : left;
      padding : 0;

      }
 
    #headerimg {
        background-image : url(images/lop.jpg);
        width : 761px;
        height : 250px;
        padding : 0;
    }
    #leftside {
        background-image : url(images/leftbg.jpg);
        float : left;
        width : 151px;
        padding : 0;
            }
    #maincontent {
        background-color : #ffffff;
        float : left;
        width : 459px;
        padding : 0;
    }
    #rightside {
        background-image : url(images/rightbg.jpg);
        float : left;
        width : 151px;
        padding : 0;
             
    }

Profile
 
 
Posted: 20 September 2006 10:36 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  9
Joined  2006-07-12

I think that adding a repeat-y on background like this, for example:

background: url (images/leftbg.jpg) center repeat-y;

and creating a footer that clears the float could fix your problems :)

Profile