Hi,

I tried to get a red border around a text content with Full Width Background (see attached screenshots and url). But the right part of the border is hidden. It seems to be a problem of how the div is centered. If I change the padding -1px the right part is visible. But this not a solution. Do you know a better way?

Best regards
Wolf

Hi,

it´s more a hack than a solution but it works. Give the border on the right side a box-shadow (double border width). It doesn't work with older browsers.

.border {
    border: solid 1px #e30b32;
    -webkit-box-shadow:
        inset -2px 0 0 #e30b32,
        inset 0 0 0 #e30b32,
        inset 0 0 0 #e30b32,
        inset 0 0 0 #e30b32;
    -moz-box-shadow:
        inset -2px 0 0 #e30b32,
        inset 0 0 0 #e30b32,
        inset 0 0 0 #e30b32,
        inset 0 0 0 #e30b32;
    box-shadow:
        inset -2px 0 0 #e30b32,
        inset 0 0 0 #e30b32,
        inset 0 0 0 #e30b32,
        inset 0 0 0 #e30b32;
}

Best regrads
Wolf