CSS/HTML - Line appears at bottom of page -


I am working on a site and a solid line is appearing at the bottom of the page.

Problem:

Description: I have a container element in which height: 99%; . I have also set a gradient background effect (using CSS only) Now, under my main container element, there is a solid colored block that matches the color of the upper part of the gradient filling . However, please note that this is not what is causing the problem, whenever I remove the gradient section of the CSS completely, the blank row still appears (I have the background-color: set my container element red so that I can see that the problem still persists).

For example, if the gradient is red (top) to black (bottom), the red line is at the bottom of the concrete page.

I have set height to 100% and my container element is up to 150% and the solid line is still there

An example may be Is:

  + ---------------------- + | _________________ | | | C. | | | O | | | En | | | | T | | | | A. | | | I | | | En | | | | E | | | R | | + ______________________ | | ______________________ | & Lt; --- Solid line appears here (but in compressed, about 5px height)   

Hopefully this gives you a rough idea of ​​what the problem is.

My HTML is absolutely fine - I have checked it completely and there is no element outside it container & lt; Div & gt; element.

I know that there can be any solution, so to make things easier, I would like to ask if there is any general-known (or not-commonly-known) CSS related issues Could this be the reason? Or, better still, someone has this problem and if so, how do you improve it (if

update: here is the problem I have set the top margin to 5px from container and its result displays 5px margins at the bottom of the page if I set it to 0, however, the lower part of the page Margin is also set to 0.

Could it possibly be that why this is happening ?

(Note: You have to expand the frame to see the page, as it does and also to see the problem).

Set it in CSS

  body {margin: 0; padding: 0;} < / Code>  

or

  * {margin: 0; padding: 0;}    

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -