Hi everyone! I am hoping someone can give me a solution to this issue I am having. I have developed a simple form to go on the index page with a simple Name, Email fields and a send button. The form has not launched yet and is in development. The form is located in my footer, which is relatively positioned and the form itself is positioned with absolute inside the footer. While everything else in the footer stays relatively perfect, the form is shifting down and down as the screen is being minimized and going on top of things on the bottom. This is only happening to the form itself and I cannot figure out if I am missing something. Here is the code:
<form>
Name: <input type="text" name="firstname"/>
Email: <input type="text" name="mail"/>
<input type="submit" value="send"/>
</form>
form{
position: absolute;
font-size:0.8em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 0.15em;
left: 520px;
bottom: 120px;
white-space:nowrap;
}
input {
background-color:#FFF;
height:50%;
display:inline;
}
Some more information: The form is located in the right top side of the footer and as the screen is minimized, it slides down lower and lower until its almost halfway down my footer. Everything else in the footer stays in its place.
Am I missing a simple solution? Any help would be appreciated!
