Topic: html-embedded gallery w/100% width still shows left/right background

I would like this gallery--specified to go 100% width-- to go the full width but there is still a narrow lighter gray stripe (background/body color) visible on both sides (left and right) of the gallery. How do I get rid of this border? In previous versions I did not have this problem. I've tried many variations of setting margins and padding to zero but they remain. In solving this I am  unclear if I am seeing  an attribute of  the  <sv-container> or the <body> or <html>  Thanks for your help.

The link is: … test3.html

Re: html-embedded gallery w/100% width still shows left/right background

If you disable both or your CSS docs there is less of an issue so something in your code is conflicting. Start by removing the following from your HTML page's CSS body {}, it is already being added by the SimpleViewer code.

    height: 100%;
    width: 100%;
    overflow: hidden;

From there I would suggest that you use a CSS Reset and adjust your code so that your page looks as you desire.

An example of a CSS Reset.

/* place me at the very beginning of the first CSS doc you import into your page */
/* ---- Start Reset ---- */
    /* v1.0 | 20080212 */
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td, canvas{
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent;
        body {
            line-height: 1;
        ol, ul {
            list-style: none;
        blockquote, q {
            quotes: none;
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;

        /* remember to define focus styles! */
        :focus {
            outline: 0;

        /* remember to highlight inserts somehow! */
        ins {
            text-decoration: none;
        del {
            text-decoration: line-through;

        /* tables still need 'cellspacing="0"' in the markup */
        table {
            border-collapse: collapse;
            border-spacing: 0;
/* ---- end Reset ---- */
Mike Richards
SimpleViewer Support Team.