Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
For some reason when I'm shrinking the size of the windows, there is a gap on the right edge of the website, showing the background.
It gets worse when I'm shrinking it more. Any ideas on how to fix that? I have some absolute elements, maybe that's why?
Another thing is that it gave me an idea to deliberately make those gaps but on both sides, showing the page background, how to do it?
Thanks alot for reading and helping.
body{
background-image: url("img_name.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}
or try to set margin to auto or set the max-width.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
just when you start to scroll down with your mouse, the top header image shakes/trembles/twitches/ - I hope I described it good :) here it is.
this is the demo of a theme, do you think it will do this on any install?
thank you!
I presume you are getting downvoted because you haven't described what you have tried and/or you haven't mentioned what browser you're experiencing this problem in. So, I'll try to answer this from my view in Chrome.
The biggest issue I see here is with the header flashing white before it animates to close. That can be fixed in main_orange.css by overwriting the header background:
#floating_menu.mff header {
/* background: #fff; */
}
It may be worth looking at overwriting the animation in the #floating_menu.mff.a60 header css declaration as well.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
Hello,
I have an header that its position is fixed. When I scroll the page, the paragraph below decreases its opacity. when the paragraph goes up, it overlays the header instead of "going under it". How can I fix it.
Thank you very much
Try adding z-index to your header.
z-index: 9999;
Header z-index should be more than you content's z-index.
hope this helps
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
This image explains what I want:
Of course I could achieve this in photoshop, but I want it to work for infinite width, so that's why I'd like to be able to achieve this via css or javascript.
How can this be done?
Open your image editor.
Crop the image to the 1px you want.
Insert as background-image and style with repeat-X.
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-repeaty
EDIT 1
Based on the following answer:
put background image in center and repeat last pixel to left and right
You could try the border-image-source style.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a website with a background image, choosen by random with javascript:
document.body.style.background= 'url('+randombgs[num]+')';
I have set the background to an imagefrom the randombgs[] array which contains 15 backgrounds. But the background gets cut off, and the whole image isn't displayed (see picture below)
This is what I see:
This is what I should see
How can I fix this, so my browser shows the whole image and not 95% of it?
Use CSS background-size property:
body {
background-size: contain;
}
The image will fit your container.
You can use the background-size property in CSS (with value contain).
See http://www.w3schools.com/cssref/css3_pr_background-size.asp for more details.
Not supported on IE8 and less: http://caniuse.com/#feat=background-img-opts only.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I'm having this weird CSS issue that I have huge space in bottom of my webpage. I can solve it putting height: 100% on body, but then functions like $(window).scroll() function in JS don't work.
If I move my footer outside the wrapper called #sb-site, footer drops under that huge white gap.
Live Preview:
http://personaii-demo.tumblr.com/
I would be really happy if somebody could help a little!
You have a min-height set of 8164px on #sb-site. I just turned it off using developer tools, it got rid of the white gap at the bottom and everything else seemed to work ok? At least for me.
Just remove the min height on the page.