Hello friends,

 

Can anyone solve this my footer image and the sidebar is getting mispalced although i am using the same css fileProblem

#foot {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0F2132 url(../images/bg-foot.gif) no-repeat scroll 0 0;
height:80px;
}

Needs to match that of your of your content area, i assume you want the footer to be the same width as the area above it?

 

#view {
margin:0 auto;
width:970px;
}

 

Try filling in the blanks

 

#foot {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0F2132 url(../images/bg-foot.gif) no-repeat scroll 0 0;
height:80px;
width: ?;
margin: ?;
}

#foot {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif) no-repeat scroll 0 0;

height:80px;

width: ?;

margin: ?;

}

my code before adjustment

#foot       { height: 80px; background: #0f2132 url('../images/bg-foot.gif') no-repeat; }

With the adjustment if its getting placed in the contact us page but its getting misplaced in other pageHome and here is my contacts page where my problem comesproblem page i want the footer part like this pageMy link

Try

#foot {-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif)

no-repeat scroll 0 0;

height:80px;

width: 970px;

margin: 3px auto;}

 

The width will probably be 970px like the divs above, but check different margins and padding which might make a different width necessary.

 

At present the stylesheet has

#foot { height: 80px; background: #0f2132 url('../images/bg-foot.gif') no-repeat; }

#foot contact {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif) no-repeat scroll 0 0;

height:80px;

width: 970px;

margin:3px;

}

 

without margin: auto; for the #foot contact but what is contact there for? Is it meant to be a class or id inside #foot? I think you should delete contact in the style.

Try

#foot {-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif)

no-repeat scroll 0 0;

height:80px;

width: 970px;

margin: 3px auto;}

 

The width will probably be 970px like the divs above, but check different margins and padding which might make a different width necessary.

 

At present the stylesheet has

#foot { height: 80px; background: #0f2132 url('../images/bg-foot.gif') no-repeat; }

#foot contact {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif) no-repeat scroll 0 0;

height:80px;

width: 970px;

margin:3px;

}

 

without margin: auto; for the #foot contact but what is contact there for? Is it meant to be a class or id inside #foot? I think you should delete contact in the style.

ya its the id for conatct page i was putting but its niot taking it the image is not coming

Try

#foot {-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif)

no-repeat scroll 0 0;

height:80px;

width: 970px;

margin: 3px auto;}

 

The width will probably be 970px like the divs above, but check different margins and padding which might make a different width necessary.

 

At present the stylesheet has

#foot { height: 80px; background: #0f2132 url('../images/bg-foot.gif') no-repeat; }

#foot contact {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif) no-repeat scroll 0 0;

height:80px;

width: 970px;

margin:3px;

}

 

without margin: auto; for the #foot contact but what is contact there for? Is it meant to be a class or id inside #foot? I think you should delete contact in the style.

ya i tried it and it wrked for the contact and company profile page but now comes on home page

If you want the style to apply to an id called foot and another id called contact, then the style should be:-

 

#foot, #contact {-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#0F2132 url(../images/bg-foot.gif)

no-repeat scroll 0 0;

height:80px;

width: 970px;

margin: 3px auto;}

 

where contact has a # and there is a , between them.