Scroll issue in responsive website [closed] - html

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've fixed header and footer. Only the body needs to be scrolled. So I used a code like this:
.body{
height: 100%;
margin: 0%;
overflow: auto;
}
But it didn't work. How can I make only body scrollable?

try to add to your style:
overflow-y: scroll;

Related

Center a search bar section in the header in bootstrap 4 [closed]

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'm trying to center a div with search bar. I tried position: absolute with main div position: relative. But did not got I wanted. It should go under the text. This is made with Bootstrap 4.
This is what I tried s far.
JSFiddle
Remove the top: -114px; of .search-sec and the position: absolute; of .search-align and add justify-content: center; and it works.
See https://jsfiddle.net/aqcredw2/
Oh, and .fixed-top should be better position: sticky; :)

Z-index Issue with navigation bar [closed]

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
http://preview.spirecms.com/tpiswim.com/
The drop down navigation menu goes behind the slideshow and sidebar survey. It's probably a z-index issue, but I can't figure out how to fix it.
Thanks for your expertise!
This code can solve the problem :
#top-wrap {
background: transparent;
position: relative;
z-index: 1;
}

How to center align this form on my website [closed]

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've been having issues center aligning the contents of a div in a wordpress site I made. The site is http://www.triplebs.ca and I want the "subscribe to our newsletter" div to have everything in it centered, but can't figure it out. Can anyone help me out here?
Add this to your css:
.newsletter-widget, .widget_newsletterwidget {
text-align: center !important;
}
Add following CSS rules:
.newsletter-widget p {
display: inline-block;
}
Also you need to add to the closest form tag:
text-align: center;

Issue about too much spacing beneath the footer [closed]

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 tried to look for this issue for more than an hour but unfortunately unable to find where the problem exist. Here is the link for it http://professionals.dev.wbstaging.com/results as you can see at the bottom there is a bigger spacing, thank you for the help.
Try adding overflow:hidden to your class .main_container.
.main_container {
min-height: 797px;
position: absolute;
height: auto;
overflow: hidden;
}

The footer is behind the main content, I think it needs a clear:both, but where? [closed]

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 think this needs a clear:both somewhere, but where?
The situation: the footer is sitting behind the main content div.
Right now the footer is near the bottom of the page only because of a minimum-height on the main-content div.
Here's how its looking
Seems to work well removing
.details {
height: 54px;
}