2016-03-02, 01:40 AM
A small problem that I have run into is the separation of two divs. I have the logo and content using the same backgrounds, as you can see in the picture, you can tell where the two divs come together because there is an image fluency issue. I'm not really sure how to describe it, but you can tell that there is an image separation. Is there a way to make it fluent and flow in one image? The link to my board if needed is http://destinyboard.net.
![[Image: C8BPS8y.png]](https://camo.mybb.com/8c20d058a2c9c8b8af48f0eb7e957f762cae5c99/687474703a2f2f692e696d6775722e636f6d2f433842505338792e706e67)
Here is the code if needed:
Here is the code if needed:
#logo {
background: #CCCCCC url(images/pure/bg4.png) repeat;
padding-left: 0!important;
padding-right: 0!important;
padding-top: 20px !important;
text-align: center;
}
#content {
background: #CCCCCC url(images/pure/bg4.png) repeat;
width: auto !important;
overflow: hidden;
padding-left: 0!important;
padding-right: 0!important;
}
#logo .wrapper {
background: #fff;
padding-left: 10px !important;
padding-right: 10px !important;
padding-top: 10px !important;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
border-top: 1px solid #979797;
}
#content .wrapper {
background: #fff;
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
padding-top: 15px !important;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
border-bottom: 1px solid #979797;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}