This is the properties page.
```
And here is my CSS:
```
body {
background-color:gray;
margin:0;
padding:0;
width:100%;
font-family:tahoma;
}
h1 {
font-family:tahoma;
font-weight:normal;
text-align:center;
font-size:55px;
color:#fff;
margin:0;
padding:0;
}
h2 {
font-family:tahoma;
font-weight:normal;
font-size:40px;
text-align:center;
color:#fff;
margin:0;
padding:0;
}
.center {
margin:0 auto;
}
.content {
margin:0 auto;
width:960px;
}
.clear {
clear:both;
}
#header {
width:100%;
background: url(images/header.png);
height:80px;
position:fixed;
margin-top:30px;
}
#nav{
width:410px;
float:right;
margin-top:20px;
}
#logo a {
color:#fff;
text-decoration:none;
font-family:open sans condensed, sans-serif;
float:left;
font-size:30px;
margin-top:20px;
font-weight:bold;
}
#nav ul {
list-style:none;
display:block;
margin:0 auto;
}
#nav li {
margin-top:9px;
float:left;
padding-left:21px;
}
#nav li a {
color:#fff;
opacity:0.6;
text-decoration:none;
}
#nav li a.active {
color:#fff;
opacity:1;
border-bottom: 2px solid #fff;
}
#nav li a:hover {
color:red;
opacity:1;
}
#heritage {
background:url(images/hh-logo1.gif) no-repeat height:50px width:50px;
margin:0 auto;
position:relative;
}
#texas1 {
background:url(images/texas.gif) no-repeat;
width:50px;
height:50px;
margin:0 auto;
display:block;
position:relative;
bottom:-102px;
left:-103px;
}
#texas2 {
background:url(images/texas.gif) no-repeat;
width:50px;
height:50px;
margin:0 auto;
display:block;
position:relative;
bottom:-54px;
right:-102px;
}
/* Pages */
#home, #properties, #partners, #contact {
width:100%;
}
#home {
background:url(images/lot.jpg) 50% 0 no-repeat fixed;
color:#fff;
min-height:100%;
margin:0;
padding:200px 0 260px 0;
background-size:cover;
}
#properties {
background-color:#fff;
color:#333;
height:300px;
margin:0 auto;
overflow:hidden;
padding:200px 0;
}
#partners {
background:url(images/nebula.jpg) 50% 0 no-repeat fixed;
color:#fff;
height:600px;
padding:170px 0 0 0;
background-size:cover;
}
#contact {
background-color:#333;
min-height:600px;
height:100%;
padding:200px 0;
}
```
---
### Author:  [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [July 24, 2016, 1:27am UTC](https://forum.kirupa.com/t/parallax/634974/2 "2016-07-24T01:27:29Z")
Not sure why the CSS posted so strangely… it’s been a few years since I’ve posted here since the changes.
---
### Author:  [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [July 24, 2016, 8:19am UTC](https://forum.kirupa.com/t/parallax/634974/3 "2016-07-24T08:19:25Z")
Disregard – I figured it out.
Thanks!
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 24, 2016, 4:56pm UTC](https://forum.kirupa.com/t/parallax/634974/4 "2016-07-24T16:56:30Z")
Glad you got it sorted out. The code formatting issues is something that happens every now and then. That’s something that I’ll follow-up on in the future 🙂
Also, like you mention, it **_has_** been a while since I saw your screen name participating in a HTML/CSS thread!!! Welcome back 😛
---
### Author:  [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [July 25, 2016, 4:47am UTC](https://forum.kirupa.com/t/parallax/634974/5 "2016-07-25T04:47:37Z")
Yeah, I’m still at it!
I’m certain I’ll run into more issues as I code this, but I’m glad to be back!
😃
---
### Author:  [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [July 26, 2016, 1:31am UTC](https://forum.kirupa.com/t/parallax/634974/6 "2016-07-26T01:31:08Z")
So, for those who were curious, my initial issue was that the closing div for the #home page was not actually a closing div, doh!!
Fixed that and also set my height and widths to 100vh and 100wh respectively for more fluidity when it comes to viewport sizes.
Now I’m having an issue with adding in an HTML5 contact form; when the page loads, it automatically loads to the contact form. Is there any way to stop this?
---
### Author:  [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 26, 2016, 4:23am UTC](https://forum.kirupa.com/t/parallax/634974/7 "2016-07-26T04:23:14Z")
Can you clarify what you mean by not loading the contact form when the page loads? My initial response is to just set the `display` on the form’s containing element to be **none**. Though, I’m pretty sure you would have known about that 😛
---
### Author:  [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [July 26, 2016, 6:05am UTC](https://forum.kirupa.com/t/parallax/634974/8 "2016-07-26T06:05:28Z")
The page loads and essentially loads AT the contact form instead of loading at the top of the page.
So the form is there and it works, but when you load the page, it loads at the contact form instead of the #home slide.
---
### Author:  [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [July 29, 2016, 5:24am UTC](https://forum.kirupa.com/t/parallax/634974/9 "2016-07-29T05:24:19Z")
Still haven’t managed to solve this! It’s bugging me.
I’ve looked at other parallax pages with contact forms, and can’t seem to be able to dissect their code to see what they do to keep their page from loading to the form straight away.