Need the footer at the bottom [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 have a problem with my website , I cannot figure out why the footer does not go down.

position:fixed is your friend. Check this fiddle:
I just updated this CSS block:
.footer-id{
padding-top:1%;
position:fixed;
bottom:0px;
left:0px;
width:100%;
}
With that rules above I told the browser to fill the full with and to put it non scrolling to the buttom.

Related

Menu covering header [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
My menu background is covering header and content (those tables) when you make your browser smaller (its responsive menu). How do I make it so that header and tables will move down a bit so its not hidden behind menu bg?
HTML: https://paste.ee/p/ww1CT
CSS: https://paste.ee/p/TEmU5
Instead of
nav {
position:fixed;
}
make it sit relative to the other content
nav {
position:relative;
}

Gap on right of 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 8 years ago.
Improve this question
When my site loads the view is correct but if you scroll right there is a gap. All div's have 100% width set and no padding on right... I went through each element to putting display:none trying to single the problamatic element but this didn't help either. A test version of the site is available at www.emma-cooper.co.uk
Take width:100%; out of the #logo CSS definition, and the right and left padding off the
div#hmenu definition (make it padding:0.8em 0;)

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;
}

Background-color top and right [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 set the background-color to a div, but the top of the div remain uncolored.
I tried padding-top and padding-right, but it is not working.
I need some help,please.
Thank you.
*{
padding:0 ;margin:0;
}
Every browser has its own user agent style sheet. So you have to overide it before starting HTML/CSS.
Use the above code.
for detailed explanation refer here
I think that your problem is in the body.
Add this to your css file
body{
margin:0;
padding:0;
}

how to create two responsive cell one below the other? [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 need to have two cells equal in their height and they need to be one below the other.
the height of them should be change base on the windows size. (I know the windows size with js)
is there possible ? screenshot of the layout is attach.
quite easy. just like this: http://jsfiddle.net/wuo6yyme/
html, body {height:100%}
.container {height:100%}
.div1, .div2 {
height:49%;
width:100%;
background-color:red;
}
.div1 {margin-bottom:2%;}