I'm updating this page
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
I think I've mess up the css code so i'm wondering if anyone can point me out the error.
[QUOTE]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;
}
[/QUOTE]
Thanks for your help in advanced.
