Displacement And Maybe Glitch

[Silver_Brick]

http://i.imgur.com/jELHou0.png
http://i.imgur.com/XVjwy7K.png

i want this in straight line please help

[Abronsyth]

You'd have to actually show us your CSS :)

[Hall of Famer]

You need to stop calling every problem you encounter 'glitch'. A glitch is a bug with the internal PHP code, your problem clearly is CSS related and nowhere near the definition of a glitch.

[Silver_Brick]

Oh i am sorry hof :(

And yea abro here is mine css

html
body{
background: url("http://dacankey.mysidiahost.com/picuploads/png/2utq2kg.jpg") no-repeat top center fixed;
background-size: cover;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

#image {
border-left:opx solid #f5eb9f;
border-right:0px solid #f5eb9f;
border-bottom:0px solid #f5eb9f;
background:url("http://dacankey.mysidiahost.com/picuploads/png/banner.png") center no-repeat;
a href="http://dacankey.mysidiahost.com/";
height:260px;
}


#wrapper {
width:1000px;
margin:0 auto;
}

th {
padding:0px;
background-color: #f5eb9f;
}


#image span {
position:relative;
left:70px;
font-size:60px;
padding:10px;
font-family:Georgia, Times New Roman, serif;
}

#image a{
color:#73562e;
text-decoration:none;
font-style:italic;
font-weight:bold;
text-shadow: 0px 1px 1px #eee;
}
#image a:hover {
color:#e6ff5c;
text-shadow: 0px 1px 1px #fff;
}

td {
background:#f5eb9f;
}

#menu {
list-style-image: url("Bullet Flower.png");
position: relative;
right:-750px;
margin:10px;
width:25%;
height:250px;
padding:10px;
border-right: 10px solid #f5eb9f;
border-left: 10px solid #f5eb9f;
border-top: 10px solid #f5eb9f;
border-bottom: 10px solid #f5eb9f;
background:#cba774;
vertical-align:top;
}


#menu p{
margin:auto 10px;
padding:2px;
color: #e6ff5c;
}

#menu h1 {
font-size: 11pt;
border-bottom: 3px solid #DDD;
margin:2px auto 3px 10px;
color: #000;
text-transform:lowercase;
}

#menu a {
margin:auto 10px;
display: block;
border-bottom: 1px solid #CCC;
padding: 2px;
padding-left: 10px;
font-size: 9pt;
letter-spacing: 1px;
color: #73562e;
}

#menu a:hover {
background-color: #cba774;
border-bottom-color: #000;
color: #73562e;
}

#content {
vertical-align:top;
padding-left:10px;
position:relative;
left:-250px;
}

#footer {
padding: 0%;
font-size: 14px;
border-style: solid;
border-color: #6e6e6e;
border-width: 1px 0px 0px 0px;
}


#content p {
padding:3px;
margin:auto 10px;
}
#content h1 {
background-color:#cba774;
font-size: 16pt;
border: 13px solid #cba774;
margin:10px;
margin-top: 10px;
color: #000000;
}

a{
text-decoration:none;
color:#292925;
}
a:hover {
color:#73562e;
}

code {
display:block;
margin:10px;
padding:5px;
border-top:5px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#adoptable {
width: 350px;
height: 250px;
border: 3px solid #cba774;
padding: 10px;
}
#training {
width: 150px;
height: 250px;
border: 3px solid #cba774;
padding: 10px;
left: 400px;
top: 93px;
}
#clickpagelink {
width: 710px;
height: 50px;
border: 3px solid #cba774;
padding: 10px;
}

[Abronsyth]

There are some little typos you may want to check in your css though. Body really has no need to use margin, padding, height, or width so you're best off just removing those to cut down on clutter. Under image you have border-left:opx solid #f5eb9f; instead of border-left:0px solid #f5eb9f; (you have o instead of 0). I cleaned it up a bit for you;
body{
background: url("http://dacankey.mysidiahost.com/picuploads/png/2utq2kg.jpg") no-repeat top center fixed;
background-size: cover;
}

#image {
border-left:0px solid #f5eb9f;
border-right:0px solid #f5eb9f;
border-bottom:0px solid #f5eb9f;
background:url("http://dacankey.mysidiahost.com/picuploads/png/banner.png") center no-repeat;
height:260px;
}


#wrapper {
width:1000px;
margin:0 auto;
}

th {
padding:0px;
background-color: #f5eb9f;
}

td {
background:#f5eb9f;
}

#menu {
list-style-image:url("Bullet Flower.png");
position: relative;
right:-750px;
margin:10px;
width:25%;
height:250px;
padding:10px;
border-right: 10px solid #f5eb9f;
border-left: 10px solid #f5eb9f;
border-top: 10px solid #f5eb9f;
border-bottom: 10px solid #f5eb9f;
background:#cba774;
vertical-align:top;
}


#menu p{
margin:auto 10px;
padding:2px;
color: #e6ff5c;
}

#menu h1 {
font-size: 11pt;
border-bottom: 3px solid #DDD;
margin:2px auto 3px 10px;
color: #000;
text-transform:lowercase;
}

#menu a {
margin:auto 10px;
display: block;
border-bottom: 1px solid #CCC;
padding: 2px;
padding-left: 10px;
font-size: 9pt;
letter-spacing: 1px;
color: #73562e;
}

#menu a:hover {
background-color: #cba774;
border-bottom-color: #000;
color: #73562e;
}

#content {
vertical-align:top;
padding-left:10px;
position:relative;
left:-250px;
}

#footer {
padding:0%;
font-size: 14px;
border-style: solid;
border-color: #6e6e6e;
border-width:1px 0px 0px 0px;
}


#content p {
padding:3px;
margin:auto 10px;
}

#content h1 {
background-color:#cba774;
font-size: 16pt;
border: 13px solid #cba774;
margin:10px;
margin-top: 10px;
color: #000000;
}

a{
text-decoration:none;
color:#292925;
}
a:hover {
color:#73562e;
}

code {
display:block;
margin:10px;
padding:5px;
border-top:5px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#adoptable {
width: 350px;
height: 250px;
border: 3px solid #cba774;
padding: 10px;
}
#training {
width: 150px;
height: 250px;
border: 3px solid #cba774;
padding: 10px;
left: 400px;
top: 93px;
}
#clickpagelink {
width: 710px;
height: 50px;
border: 3px solid #cba774;
padding: 10px;
}

Anyways, I visited your site to check out the theme in action and I am not seeing the issues you are having with alignment being out of place. However, I can scroll down as far as a heading that says "News & Events" but there is nothing else beyond that, no footer. I do not know if this is intentional or not?

Is the current theme on your site the one with the alignment issue, or is it a different theme you are currently testing?

[Silver_Brick]

Yes the active theme is having issue and yea i will use that code