Home/ Questions/Q 9304107
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T23:38:11+00:00

After creating a simple fluid layout with Bootstrap’s css, I’ve noticed that the layout

  • 0

After creating a simple fluid layout with Bootstrap’s css, I’ve noticed that the layout does not line up on the right side on every browser except Chrome.

Take a look at this jsFiddle: http://jsfiddle.net/47JND/5/ on, for example, firefox or IE9.

You’ll notice this:

enter image description here

It is only about a 1px difference between Chrome, (see below):

enter image description here

Notice also that I am using the following box-sizing property: 

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

Is there something I am missing? I’ve tried everything I can think of to figure out what is causing this!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Fairly sure this is a sub-pixel rendering issue. The width is being rounded to the nearest pixel which makes them different widths based on the width of the parent.

    Im seeing the 1 pixel overlap on Chrome too.

    • 0