Bueno layout positions and widths

  • I would like a smaller left side margin and to have a wider (or flexible) main container and not have the sidebar go under it or float erroneously to the bottom.

    This is what I have in my custom.css and the sidebar goes flying to the bottom:


    .col-left { float: left; }
    .col-right { float: right; }
    .col-full { max-width: 1240px; margin: 0 auto; }

    /* 2.4 Content */
    #content{min-height:550px;padding:0;}
    * html #content{height:550px;}

    #main{width:auto;}
    #main.fullwidth { width: 940px; }

    I’m not able to affect the position of the #content so it would start closer to the left side of the browser window.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Buovjaga

    (@buovjaga)

    OK I think I got it.


    .col-left { float: left; }
    .col-right { float: right; }
    .col-full { width: auto; max-width: 1240px; margin: 0 auto 0 50px;}

    /* 2.4 Content */
    #content{min-height:550px;padding:0;}
    * html #content{height:550px;}

    #main{width:auto;}
    #main.fullwidth { width: 940px; }

    Thread Starter Buovjaga

    (@buovjaga)

    Just wanted to add that this is better:

    .col-left { float: left; max-width: 720px; }
.col-right { float:left;}
.col-full { width: auto; max-width: 1240px; margin: 0 auto 0 50px;}

/* 2.4 Content */
#content{min-height:550px;padding:0;}
* html #content{height:550px;}

#main{width:auto;}
#main.fullwidth { width: 940px; }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bueno layout positions and widths’ is closed to new replies.