Firefox Zoom Vs. Page Layout Using Border

[laczfinador]

Hi there!I have a strange problem, concerning firefox and zooming. We have a #divMain, containing a #divPicture and a #divRight. The former is being floated left, and the later is floated right. So far, zooming in and out seem to work fine, but if either of them is given an 1 px border on the side between them (e.g:#divPicture->border-right or #divRight->border-left) zooming out messes up the page layout. Here is the CSS code being used:

#divMain{width:700px;margin:0 auto;}#divPicture{width:548px;height:298px;background-image:url("index_main.png");background-repeat:no-repeat;border:1px solid #000;float:left;}#divMenu{width:149px;height:300px;background-image:url("index_right.png");background-repeat:no-repeat;float:right;border-right:1px solid #000;}

Questions: what could cause this problem? Is there a way to create a page layout, using dimensions fixed in pixels, which is "invulnerable" to resizing, zooming and so on? Do you have any suggestions on how to achieve the same layout, but not having this problem?

[shadowayex]

Could you post the link so I can have a looksie at the bug in action?

[Jerry62704]

Hi there!I have a strange problem, concerning firefox and zooming. We have a #divMain, containing a #divPicture and a #divRight. The former is being floated left, and the later is floated right. So far, zooming in and out seem to work fine, but if either of them is given an 1 px border on the side between them (e.g:#divPicture->border-right or #divRight->border-left) zooming out messes up the page layout. Here is the CSS code being used:

#divMain{width:700px;margin:0 auto;}#divPicture{width:548px;height:298px;background-image:url("index_main.png");background-repeat:no-repeat;border:1px solid #000;float:left;}#divMenu{width:149px;height:300px;background-image:url("index_right.png");background-repeat:no-repeat;float:right;border-right:1px solid #000;}

Questions: what could cause this problem? Is there a way to create a page layout, using dimensions fixed in pixels, which is "invulnerable" to resizing, zooming and so on? Do you have any suggestions on how to achieve the same layout, but not having this problem?

Total width is 700 and the two pieces without adding a margin or such is 697 - pretty close. A link would allow us to try out some stuff. What is the DOCTYPE? What version of FF?

[laczfinador]

Hey guys! Sorry for disappearing without any trace. I appreciate your willingness to help, but I managed to solve the problem on my own though. It is not a real solution though, but visually it looks the same. Cheers!