Foundation
-
FollowReply
-
Problem with margin on DIV with background image.
bySem Hadland Monday, November 09, 2015 at 3:28 AM EST
I am havins some problems with a background image. The image starts all the way to the left while there should be a margin between the edge of the ROW and the edge of the DIV with the background. See image and code.
The page is currently on http://www.guitartabsexplorer.com/foundation/php/_framside.php
....
<div class="wrapper">
....
<div class="row">
<div class="small-12 medium-7 columns searchdiv topmargin">
Content like forms, links and heading here
This is where the problem is
</div>
<div class="small-12 medium-5 columns topmargin">
Images
</div>
</div>
....
</div>
SCC app.css
.searchdiv
{
background-image: url(http://www.guitartabsexplorer.com/foundation/images/back-search.jpg);
}
@media only screen
and (min-width : 1024px)
{
.searchdiv
{
height:226px;
}
}
.topmargin
{
margin-top: 0.9375rem;
}
You'll have better luck with another div for the background image inside the columns. You can add margin all around it and get the results you want.