Jump to content

Weird Quirk


dustinnoe

Recommended Posts

I have a CSS layout which has a centered backgroung image that gives the illusion that the page column extends to the bottom of the browser.  I also have a centered DIV  that hold the contents of the entire page.  For some reason, both FF and IE, interperet the center of these two page elements differently depending on the width of the browser window.  You can check it out at:

[url=http://www.virtuosoweb.com/cr/]http://www.virtuosoweb.com/cr/[/url]

As you are viewing the page, slowly expand the window and watch as the center of these elements change by 1 pixel.  It's really annoying

Thanks,
Dustin
Link to comment
Share on other sites

I do not think that will affect the page considering that contentWrapper is contained in pageWrapper.  The problem lies in how a web browser determines the center of the page and why it centers a background image differently than a div element. 
Link to comment
Share on other sites

The problem occurs when the width of the browser is an even number of pixels due to the fact that the width of the background and pageWrapper div are an odd number of pixels wide.  When the brower is an odd number of pixels wide there is no problem.  This means when the browser is an even number of pixels wide there are two pixels that share the center.  For some odd reason, and I stress odd, the brower says, " I will choose the left center pixel to align the div element and the right center pixel to align the background image." Why would Mozilla and Microsoft design browers that do annoying crap like this!  They have to know about it.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.