PageLayout - Space between columns.

2 posts, 0 answers
  1. Richard
    Richard avatar
    7 posts
    Member since:
    Oct 2012

    Posted 18 Jun 2015 Link to this post

    It seems no matter what I do I end up with a space between columns of about 20px or so.  I have used the CSS below, which I found in another thread, to remove margins and padding.  This help a little but still some space.  How can I remove the space between columns?  I am very new to html, css, and asp.net so I am struggling a bit.

     

           html .content .t-col,
            html .content .t-container {
                padding: 0;
                margin: 0;
                
            }

            html .content {
                padding: 0;
                margin: 0;
            }  


  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 23 Jun 2015 Link to this post

    Hello Richard,

    I would suggest you to apply the zero margins and paddings to the body itself. For example, please consider the below implementation:

    <style type="text/css">
            body {
                margin: 0;
                padding: 0;
            }
     
            .col, .header, .footer {
                background-color: #78a6ab;
                border: 1px solid #cccccc;
            }
           
            html .content .t-col,
            html .content .t-container {
                padding: 0;
                margin: 0;
            }
     
            html .content {
                padding: 0;
                margin: 0;
            
        </style>

    Regards,
    Nencho
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top