943,935 Members | Top Members by Rank

Ad:
Jul 14th, 2009
0

screen resolution issue

Expand Post »
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
HTML and CSS Syntax (Toggle Plain Text)
  1. #footer {
  2. background-image:url(images/footer-goingtoo.png);
  3. background-position:center top;
  4. background-repeat:no-repeat;
  5. height:153px;

and grid.css is
HTML and CSS Syntax (Toggle Plain Text)
  1. .footer {width:1000px;}
  2. .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/
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
geggiot is offline Offline
3 posts
since Jun 2009
Jul 14th, 2009
0

Re: screen resolution issue

Try this:
<div align="center">
footer code
</div>
Reputation Points: 10
Solved Threads: 1
Junior Poster in Training
desiguru is offline Offline
63 posts
since Aug 2006
Jul 14th, 2009
0

Re: screen resolution issue

Click to Expand / Collapse  Quote originally posted by desiguru ...
Try this:
<div align="center">
footer code
</div>
ooo thanks a lot desuguru now it's work!
Reputation Points: 10
Solved Threads: 0
Newbie Poster
geggiot is offline Offline
3 posts
since Jun 2009
Jul 22nd, 2009
0

Re: screen resolution issue

You are always going to have screen resolution problems when you define things in terms of pixels. Use percent and em to define sizes.
Reputation Points: 730
Solved Threads: 181
Nearly a Senior Poster
MidiMagic is offline Offline
3,314 posts
since Jan 2007
Jul 24th, 2009
0

Re: screen resolution issue

Try
margin: 0 auto;
Reputation Points: 10
Solved Threads: 1
Newbie Poster
Bogo is offline Offline
1 posts
since Apr 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: link to une level up
Next Thread in HTML and CSS Forum Timeline: Background Image Repeat Problem





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC