White gap appears below background image
Multi tool use
up vote
-1
down vote
favorite
i found topics with similar problems, but none of the answers helped me. Might be as well just cause im new and i didnt get them properly.
my html looks like this:
Take a look at our work
css:
.container { margin: 0 auto; }
.bg-image { background-image: url(../img/slider/1s.jpg); background-repeat:no-repeat; background-size: cover; background-position: fixed; padding-top: 300px; padding-bottom: 300px; max-width: 100%; height: auto; background-size: contain; /* height: 0; */ /* overflow: scroll; */ /* width: auto; */ /* height: auto; */ }
background responsive
asked Nov 10 at 16:19
Lukas
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
up vote
-1
down vote
favorite
i found topics with similar problems, but none of the answers helped me. Might be as well just cause im new and i didnt get them properly.
my html looks like this:
Take a look at our work
css:
.container { margin: 0 auto; }
.bg-image { background-image: url(../img/slider/1s.jpg); background-repeat:no-repeat; background-size: cover; background-position: fixed; padding-top: 300px; padding-bottom: 300px; max-width: 100%; height: auto; background-size: contain; /* height: 0; */ /* overflow: scroll; */ /* width: auto; */ /* height: auto; */ }
background responsive
asked Nov 10 at 16:19
Lukas
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
my html looks like this.
– Lukas
Nov 10 at 16:20
<div class="row bg-image"> <div class="col-12"> </div> </div> <main> <div class="row container"> <div class="col-12"> <p class="underline">Take a look <span class="work">at our work</span></p> </div> </div> </main>
– Lukas
Nov 10 at 16:21
add a comment |
up vote
-1
down vote
favorite
up vote
-1
down vote
favorite
i found topics with similar problems, but none of the answers helped me. Might be as well just cause im new and i didnt get them properly.
my html looks like this:
Take a look at our work
css:
.container { margin: 0 auto; }
.bg-image { background-image: url(../img/slider/1s.jpg); background-repeat:no-repeat; background-size: cover; background-position: fixed; padding-top: 300px; padding-bottom: 300px; max-width: 100%; height: auto; background-size: contain; /* height: 0; */ /* overflow: scroll; */ /* width: auto; */ /* height: auto; */ }
background responsive
asked Nov 10 at 16:19
Lukas
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
i found topics with similar problems, but none of the answers helped me. Might be as well just cause im new and i didnt get them properly.
my html looks like this:
Take a look at our work
css:
.container { margin: 0 auto; }
.bg-image { background-image: url(../img/slider/1s.jpg); background-repeat:no-repeat; background-size: cover; background-position: fixed; padding-top: 300px; padding-bottom: 300px; max-width: 100%; height: auto; background-size: contain; /* height: 0; */ /* overflow: scroll; */ /* width: auto; */ /* height: auto; */ }
background responsive
background responsive
asked Nov 10 at 16:19
Lukas
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Nov 10 at 16:19
Lukas
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Nov 10 at 16:19
Lukas
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Nov 10 at 16:19
Lukas
1
asked Nov 10 at 16:19
Lukas
1
1
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Lukas is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
my html looks like this.
– Lukas
Nov 10 at 16:20
<div class="row bg-image"> <div class="col-12"> </div> </div> <main> <div class="row container"> <div class="col-12"> <p class="underline">Take a look <span class="work">at our work</span></p> </div> </div> </main>
– Lukas
Nov 10 at 16:21
add a comment |
my html looks like this.
– Lukas
Nov 10 at 16:20
<div class="row bg-image"> <div class="col-12"> </div> </div> <main> <div class="row container"> <div class="col-12"> <p class="underline">Take a look <span class="work">at our work</span></p> </div> </div> </main>
– Lukas
Nov 10 at 16:21
my html looks like this.
– Lukas
Nov 10 at 16:20
my html looks like this.
– Lukas
Nov 10 at 16:20
<div class="row bg-image"> <div class="col-12"> </div> </div> <main> <div class="row container"> <div class="col-12"> <p class="underline">Take a look <span class="work">at our work</span></p> </div> </div> </main>
– Lukas
Nov 10 at 16:21
<div class="row bg-image"> <div class="col-12"> </div> </div> <main> <div class="row container"> <div class="col-12"> <p class="underline">Take a look <span class="work">at our work</span></p> </div> </div> </main>
– Lukas
Nov 10 at 16:21
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Lukas is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Lukas is a new contributor. Be nice, and check out our Code of Conduct.
Lukas is a new contributor. Be nice, and check out our Code of Conduct.
Lukas is a new contributor. Be nice, and check out our Code of Conduct.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53240906%2fwhite-gap-appears-below-background-image%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
NCUF88Rs1GnNvbmFwgrmhf3,fmuWqdZ6Y,UPNXe0fxRxXlMYLisfUvNA2lOBgDgORHflMb2xnPKfwS2 CNBQh
my html looks like this.
– Lukas
Nov 10 at 16:20
<div class="row bg-image"> <div class="col-12"> </div> </div> <main> <div class="row container"> <div class="col-12"> <p class="underline">Take a look <span class="work">at our work</span></p> </div> </div> </main>
– Lukas
Nov 10 at 16:21