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 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 An example may be Is: 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 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 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 or 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).
container element is up to 150% and the solid line is still there
+ ---------------------- + | _________________ | | | C. | | | O | | | En | | | | T | | | | A. | | | I | | | En | | | | E | | | R | | + ______________________ | | ______________________ | & Lt; --- Solid line appears here (but in compressed, about 5px height)
& lt; Div & gt; element.
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.
body {margin: 0; padding: 0;} < / Code>
* {margin: 0; padding: 0;}
Comments
Post a Comment