John Resig - Sub-Pixel Problems in CSS - The Diigo Meta page

• 25 Jan 12
  

  Noo Noo

  fixes

• 02 Sep 11
  

  Michael Yagudaev

  The problem with liquid layouts, rounding up and down of pixel is not consistent across browsers

  css browser

• 07 Jun 11
  

  Patrick Baumann

  css rundungsfehler chrome safari webkit firefox ie subpixel

• 20 Apr 11
  

  Linnea Framnes

  web-development css

• 03 Mar 11
  

  Oncle Tom

  Où comment les navigateurs Web effectuent leurs calculs d'arrondi lorsqu'on attribute une valeur proportionnelle (% ou em par exemple) à un élément.
  
  En clair, fluide/proportionnel et design au pixel près, c'est compliqué (et pas forcément le but à atteindre).

  css webdev browser layout issue subpixel

• 28 Nov 10
  

  Gabriel Castillo

  css layout browsers webdesign grid

• 19 Nov 10
  

  sheera ravi

  tonote

• 08 Jun 10
  

  Ralf Hafner

  browser css

• 16 May 10
  

  Ronny Orbach

  css מאמרים

• 16 Feb 10
  

  bobby jack

  css layout

• 03 Dec 09
  

  Ludovic Werwinski

  css width pixel resig

• 08 May 09
  

  Adam Suttin

  css

• 

  Adam Ziółkowski

  css

• 20 Apr 09
  

  Luis Gil

  Problemas de redondeo de píxeles en los diferentes navegadores

  diseño webdesign css browser bug

• 05 Apr 09
  

  Paul Vorbach

  css browsers pixel design web

• 24 Mar 09
  

  A. D.

  sub-pixel css

• 23 Mar 09
  

  Felipe Lavín

  Something that jumped at me, recently, was a rendering dilemma that browsers have to encounter, and gracefully handle, on a day-by-day basis with little, to no, standardization.
  
  Take the following page for example. You have 4 floated divs, each with a wi

  webdev webdesign css browser layout from-delicious

• 21 Mar 09
  

  fargazzi

  webdesign bug css javascript browser grid delicious

• 26 Nov 08
  

  aaron chen

  css

• 02 Jul 08
  

  neota g

  pixelの浮動小数点計算について？

• 25 Jun 08
  

  Jason Bao

  css

  • 
  • 
  • Both Opera and Safari round down the widths of all the divs to 12px.
  • Both Internet Explorer 6 and 7 round the widths of all the divs up to 13px.
  • Both Firefox 2 and 3 mix the rounding of the div widths to 12px and 13px

  3 more annotations...

• 31 Mar 08
  

  Owen Blacker

  Interesting piece explaining how different browsers handle the problem of non-integral pixel values (eg 25% of 50px). Commenters disagree on the assessment, but a useful reference nonetheless.

  CSS reference browser design development InterfaceDesign standards work for:cennydd for:fjordaan for:yoz for:seldo from:delicious

• 08 Feb 08
  

  Dobromir Hadzhiev

  css browser

• 06 Feb 08
  

  elle m

  Take the following page for example. You have 4 floated divs, each with a width of 25%, contained within a parent div of width 50px. Here's the question: How wide are each of the divs?

  css layout browsers webdesign

• 

  Kazuhito Kidachi

  "The especially strange part, in all of this, is that there's really no right, or wrong, here. How this behavior is supposed to play out by the rendering engine isn't dictated by the CSS specification, having it be left up to the implementation to render

  css

• 01 Feb 08
  

  Marcio Barrios

  css layout navegadores pixel

• 

  David C

  css

• 29 Jan 08
  

  Christine Fürst

  Sub-Pixel Problems in CSS. Something that jumped at me, recently, was a rendering dilemma that browsers have to encounter, and gracefully handle, on a day-by-day basis with little, to no, standardization.
  
  Take the following page for example. You have 4 f

  people john.resig css browsers pixels rendering

• 

  Sandra Kallmeyer

  browsers css layout webdesign pixel grid import

• 24 Jan 08
  

  Jason Wehmhoener

  browsers css layout webstandards delicious

• 23 Jan 08
  

  Andy Payne

  css html browsers webdesign programming grids layout

• 

  browsers css layouts

• 

  mofelix sam

  css

• 22 Jan 08
  

  Andre Malheiro

  The problem then becomes: Which way do you round the number? Up, down, or a mixture of the two? I think the results will surprise you, as they did me.

  css rendering subpixel article internet explorer firefox

• 

  caiocgo

  webdesign

• 

  Sérgio Lopes

  lowpis browser grid layout pixel css rendering

• 

  Chee Aun Lim

  smart sub-pixels

  css layout browsers pixel

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.