hi all,
i have an image footer that, with a screenresolution at 800x600 or 1024x768, it's centered with al content but at high screen resolution 1280x1024 it isn't centered.
style.css is

#footer {
background-image:url(images/footer-goingtoo.png);
background-position:center top;
background-repeat:no-repeat;
height:153px;

and grid.css is

.footer {width:1000px;}
.column {float:left;}

here can see images at 1280 and 800
http://img176.imageshack.us/i/800z.jpg/

http://img262.imageshack.us/i/1280.jpg/

Recommended Answers

All 4 Replies

Try this:
<div align="center">
footer code
</div>

Try this:
<div align="center">
footer code
</div>

ooo thanks a lot desuguru now it's work!

You are always going to have screen resolution problems when you define things in terms of pixels. Use percent and em to define sizes.

Try
margin: 0 auto;

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.