WordPress.org

Ready to get started?Download WordPress

Forums

Bueno layout positions and widths (3 posts)

  1. Buovjaga
    Member
    Posted 3 years ago #

    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.

  2. Buovjaga
    Member
    Posted 3 years ago #

    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; }

  3. Buovjaga
    Member
    Posted 3 years ago #

    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; }

Topic Closed

This topic has been closed to new replies.

About this Topic