Home/ Questions/Q 8421845
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T03:15:47+00:00

I have a layout with two main divs. The width of each div is

  • 0

I have a layout with two main divs. The width of each div is 45%. Yet when I inspect the divs at different page widths the the divs are usually one pixel different from each other. 639 vs 640. I don’t really care about this, the only problem is that items inside the smaller div aren’t lining up properly with other items. It only happens at certain page widths but it is broken more than it is correct. It seems the elements in the larger div line up at any window size and the smaller div is almost always wrong, but is correct at some sizes.

What is going on here, is there a way to force the smaller div to act like the larger div?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is a bug/sub-pixel issue.

    I’ve asked a similar question a while back and found out that webkit-based browsers have a rounding issue when it comes to percentages.

    Here’s the link that bookcasey shared with me to answer my question.

    • 0