PageLayout - Space between columns.

[Richard]

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

[Nencho]

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