# This page is acting weird

**URL:** https://forum.kirupa.com/t/this-page-is-acting-weird/329199
**Category:** web dev
**Created:** [July 31, 2012, 5:39pm UTC](https://forum.kirupa.com/t/this-page-is-acting-weird/329199 "2012-07-31T17:39:47Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Ksuguy25](https://avatars.discourse-cdn.com/v4/letter/k/fbc32d/32.png) [@Ksuguy25](https://forum.kirupa.com/u/Ksuguy25)
#### Post date: [July 31, 2012, 5:39pm UTC](https://forum.kirupa.com/t/this-page-is-acting-weird/329199/1 "2012-07-31T17:39:47Z")

</div>

I’m updating this page  
[http://www.rodriguezstudios.com/division9/services.html](http://www.rodriguezstudios.com/division9/services.html)

but somehow I have no idea why its expanding waaaaaaaay to the bottom of the page. i would like to have the bar and the footer up where it’s suppose to be

[http://www.rodriguezstudios.com/division9](http://www.rodriguezstudios.com/division9)

I think I’ve mess up the css code so i’m wondering if anyone can point me out the error.

> body {background-color : #ffffff;  
> }  
> #content {  
> left : 450px;  
> top : 60px;  
> width : 1270px;  
> height : 1030px;  
> margin-top : 0;  
> margin-right : auto;  
> margin-bottom : 0;  
> margin-left : auto;  
> }  
> #slogan {  
> position : absolute;  
> width : 600px;  
> height : 30px;  
> margin : 110px 0 0 670px;  
> }  
> #logo {  
> position : absolute;  
> width : 259px;  
> height : 147px;  
> margin : 0 0 0 50px;  
> }  
> #navigation {  
> position : absolute;  
> width : 165px;  
> height : 372px;  
> margin : 0 0 0 58px;  
> background-color : #ff6501;  
> }  
> .nav ul, li, li li {  
> margin : 0;  
> padding : 0;  
> }  
> .nav {  
> width : 165px;  
> height : 30px;  
> }  
> .nav ul {  
> line-height : 25px;  
> z-index:1000;  
> }  
> .nav li {  
> list-style : none;  
> position : relative;  
> background : #ff6501;  
> }  
> .nav li li {  
> list-style : none;  
> position : relative;  
> background : #ff6501;  
> left : 165px;  
> top : -27px;  
> }  
> .nav ul li a {  
> width : 165px;  
> height : 30px;  
> display : block;  
> text-decoration : none;  
> text-align : center;  
> font-family : Calibri;  
> color : #FFFAFA;  
> border : #eee solid 1px;  
> }  
> .nav ul ul {  
> position : absolute;  
> visibility : hidden;  
> top : 27px;  
> }  
> .nav ul li:hover ul {  
> visibility : visible;  
> }  
> .nav li:hover {  
> background-color : #f39355;  
> }  
> .content {  
> clear : both;  
> }

#address{  
position:absolute;  
width:165px;  
height: 130px;  
margin: 50px 0 0 0;  
}  
#content #block1 #navigation #address p {  
font-family: Calibri;  
font-size: 12px;  
color: #FFF;  
text-align: center;  
}

#block1 {  
position : absolute;  
width : 1270px;  
height : 372px;  
margin : 150px 0 0 0;  
/_background : url(…/images/header.jpg);_/  
background-color:#a3afbf;

}  
#information {  
position : absolute;  
width : 427px;  
height : 300px;  
margin : 25px 0 0 740px;  
text-align: center;  
}  
#content #block1 #information p {  
font-family: Calibri;  
font-size: 16px;  
text-align: left;  
}

#content #block1 #information h1 {  
font-family: Calibri;  
font-size: 28px;  
text-align: left;  
}

#longbar{  
position:absolute;  
width:1270px;  
height:70px;  
margin:5px 0 0 0;  
background-color:#a3afbf;  
}

#slideshow {  
position : absolute;  
width : 480px;  
height : 330px;  
margin : 23px 0 0 240px;  
}  
#nationwide {  
position : absolute;  
width : 199px;  
height : 157px;  
margin : 500px 0 0 110px;  
}  
#floorplan {  
position : absolute;  
width : 248px;  
height : 166px;  
margin : 547px 0 0 975px;  
}  
#build {  
position : absolute;  
width : 206px;  
height : 166px;  
margin : 550px 0 0 1038px;  
}  
#service {  
position : absolute;  
width : 220px;  
height : 47px;  
margin : 0px 0 0 70px;  
}  
#offer {  
position : absolute;  
width : 250px;  
height : 46px;  
margin : 0px 0 0 505px;  
}  
#who {  
position : absolute;  
width : 240px;  
height : 46px;  
margin : 0px 0 0 985px;  
}  
#xxxx {  
position : absolute;  
width : 220px;  
height : 46px;  
margin : 0px 0 0 1030px;  
}  
#usapic {  
position : absolute;  
width : 262px;  
height : 166px;  
margin : 547px 0 0 50px;  
}  
#blueprint {  
position : absolute;  
width : 249px;  
height : 166px;  
margin : 547px 0 0 490px;  
}  
#paragraph1 {  
position : absolute;  
width : 220px;  
height : 130px;  
margin : 50px 0 0 70px;  
}  
#paragraph2 {  
position : absolute;  
width : 220px;  
height : 186px;  
margin : 50px 0 0 507px;  
}  
#paragraph3 {  
position : absolute;  
width : 220px;  
height : 170px;  
margin : 50px 0 0 985px;  
}  
#paragraph4 {  
position : absolute;  
width : 210px;  
height : 120px;  
margin : 50px 0 0 1038px;  
text-align: center;  
}  
#content #block1, #information {  
font-family : Calibri;  
font-size : 17px;  
line-height : 15pt;  
color : #fff;  
text-align : center;  
}  
#content #longbar, #paragraph1, #paragraph2, #paragraph3{  
font-family : Calibri;  
font-size : 17px;  
line-height : 13pt;  
color : #fff;  
text-align : center;  
}

#content #longbar, #paragraph4{  
font-family : Calibri;  
font-size : 17px;  
line-height : 13pt;  
color : #fff;  
text-align : center;  
text-align:left;  
}

#footer{  
position:absolute;  
height:50px;  
width:700px;  
margin:980px 0 0 300px;  
}  
#content #footer a {  
font-family: Arial, Helvetica, sans-serif;  
color: #000;  
text-decoration: none;  
}

.credit{  
font-family:Arial, Helvetica, sans-serif;  
font-size:14px;  
font-weight:bold;  
text-align: center;  
color: #000;  
}  
.heading{  
font-family: Calibri;  
font-size: 24px;  
text-align: left;  
}

#leftside{  
position:absolute;  
width: 250px;  
height:200px;  
margin: 0px 0 0 0;  
}

#rightside{  
position:absolute;  
width: 260px;  
height:200px;  
margin: 0px 0 0 380px;  
}

Thanks for your help in advanced.