I've been exploring web design on my own after taking a web design class. I encountered an issue while working on setting up panels for my webpage, specifically with the footer.
When the main body div starts to fill up and reaches the footer, it goes under the footer instead of adjusting the webpage and pushing it down. Any suggestions on how to fix this?
Here is an image showing the div going under:
body,
html {
background-color: #bee9e4;
height: 100%;
width: 100%;
}
.center {
text-align: center;
}
#banner {
background-color: lightgrey;
background: linear-gradient(to right, #99ffcc, white, #99ffcc);
border-style: groove;
}
#aboutme {
border-style: groove;
border-width: 2px;
border-color: lightblue;
box-shadow: 0px 2px 2px grey;
}
...
...
...
...
...
...
...
...
...
...
...
<div id="infoaboutme">
<p>I am a Junior at //</p>
<p>I like to learn at school.</p>
<p>I love to spend time on the computer</p>
</div>
<br class="clearfloat">
...
...
...
...
...
...
...
...
...
...
...