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 2 years ago.
Improve this question
I need to make a simple html page with bootstrap lib: my page has simply an header fixed to top and a table that may be long, so I need to scroll it... If I add simple a navbar and a table I obtain this:
as you can see, the table is 'under' the navbar and I can't be able to scroll.. how can I do?
here is the example:
https://paste.ee/p/i1GnB
thank you
As I can see your header is fixed to the top and because that it's going under the table that you made. An easy fix is just to add a padding-top to the table. The amount of padding that you should add is equal to the header's height or more, try and see what you like more.
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 days ago.
Improve this question
I want to make an DIV with an Scroll option. So I put an height in the CSS from the DIV and put the overflow-y on auto, so it creates an scrollbar, if needed. But for some reason the height is at 0px and the overflow is visible. How it looks like How the css of the DIV looks like
I tried to change the height, and also to remove the height, but nothing worked
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 11 months ago.
Improve this question
I've been working upon a Personal Portfolio for a few days now. I originally made it for my freeCodeCamp certification. But, now I wish to expand it however I've been facing a strange issue with the page where part of the body goes off-screen. I've tried resizing and removing the height of various elements and changed their display and position properties. But it's not working. I mean, it's not the biggest problem since all text and images are visible but still it's annoying.
I've hosted it through Github Pages here is the link:
brainstormed.github.io
It would be of great help if someone could point out what I'm doing wrong.
Thanks!!
The fixed padding of 40px on projectTile CSS class is causing the issue. On small screens the horizontal space is already filled by the image width: 80vw; padding: 10px; margin: 20px. You can either remove that padding or use a media query to remove it on small screen sizes.
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 6 years ago.
Improve this question
I have created this jsFiddle to represent my problem.
https://jsfiddle.net/L3p70zd8/
<must put code to post jsFiddle link>
I am building a carousel. The width of the content of the carousel is to be limited by the bootstrap container (the pink bit). However, I want the nav buttons to the left and right of the carousel to be outside the width of the container.
I have achieved this on the left button using a negative margin but cannot figure out how to achieve the same result on the right button. I am open to changing the structure of the html.
this is what you looking for? Fiddle
i change it from float to absolute.
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
There is empty space at the bottom of my site, showing just the background image. If I set the height of .content to auto or 100%, that makes things even worse and destroys the site. How can I get rid of this empty space while still preserving the white box holding all my content?
http://www.michaelaoun.com/noursite.html
Link to the html file: https://www.mediafire.com/?l435v31v56du9ms
Add an overflow:auto CSS style to your #mainContent div so it expands to the floating content inside of it.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I have a div which has his own module position. I want to make the position fixed when scrolled to the content, means when you see the fixed content and you scroll on full screen the content automaticly fixes on the side. But when you scroll again to the top the fixed content will be gone. How should I make the css? thank you.
You might want to try jQuery Waypoints (http://imakewebthings.com/jquery-waypoints/). I don't think you can achieve this with CSS alone because you are changing its behavior based upon user interaction. You'll need some Javascript.
try this http://www.phonedevelop.net/2013/03/code-float-left-right-advertising.html#.UkCwd4YW174
add your fixed menu in that code and content in your html page