Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I know this is easy for most but it doesn't seem to want to work for me. I am trying to get the sidebar to extend all the way down the page using height: 100% but isn't working. I don't know how to do it could someone please tell me what I am doing wrong?
You can find the page here: http://bcs-global.org/new/
Notice the nav bar on the side well I want that light brown color to be even with the body of content area.
Make the container height as 100% and you are good to go
html, body {
height: 100%;
}
Also you are using XHTML doctype, instead use HTML5 <!DOCTYPE html>
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
Here is a codepen link:
http://codepen.io/anon/pen/lfoxv/
As you can see, the layout loads fine, but upon any kind of resizing of the browser window, the layout breaks until the page is refreshed.
This seems to be the only combination of parameters that allows me keep the aspect ratio of an image when using percentage based divs. Fixed height layouts are tough...
I fixed your code. Please see this link: http://codepen.io/anon/pen/bBjDm/
Your code:
#middle {
background-color:rgb(200,200,200);
display:inline-block;
height:100%;
<!--width:auto;-->
}
Updated code:
#middle {
background-color:rgb(200,200,200);
display:inline;
height:100%;
<!--width:auto;-->
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
Stackoverflow community
I know I know, lots of this cases out there, but seriously i try to apply solutions to my case and doesn't fix anything. Seems very very very basic stuff but through this afternoon I can't find the reason of Why my container doesn't expand?
I try to modify my 'height property' and anything happen. Here is the code: https://gist.github.com/duranmla/9b6a11eba20d04403f99
The final Idea is that My footer has a height of 20% ~ 25% of my page. However as I've already said it is just stuck in that height that comes like for 'default'
Well.. Sorry for bother but anyway I suppose that someone could be useful the answer, the think is that you need to stick the element that you to re-size to some side to the screen by setting top, bottom, left or right to any value. my case just bottom: 0
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 want to add a red notification bar to my site to display notices for example scheduled maintenance.
What code would I need to add to my site to enable this to work.
Thanks.
Just add a div with some styling to the top of your site.
<div id="notificationbar">
<p>Currently the site is down</p>
</div>
You can style it with css:
#notificationbar {
background-color: red;
}
#notificationbar p {
color: white;
}
You can do many things with it using javascript or css. If you don't understand the above, you should check out how to write HTML and CSS (try looking on google) or hire someone who does.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
A copy of my page can be found here.
I cannot figure out what css or html could be causing the 10-15 pixel gap that can be seen between the footer banner image and the end of the page. This is based on the WordPress theme twentytwelve.
This fixed it for me! It's the 2 span.statcounter's towards the end of the page that are pushing it down.
.statcounter {
display:none;
}
there is two <span> after footer with 16px height. you can use this code to remove that space:
.statcounter {
display: none;
}
reason of this issue is javascripts below footer, put javascripts between <footer> and </body> into a <div> with 0height, 0margin, 0padding, overflow:hidden;
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I'm writing my home page in and the footer is shown on top of the main section.
I tried adding position:relative and position:absolute;bottom:0; but it did not work.
remove height from CSS style in this classes : .login and .homeArticle that way it will always fit at the bottom.