labuero

< frontend developer >

Tag Archive: box-sizing

  1. Gridsystem ohne Kopfschmerzen mit box-sizing

    Leave a Comment

    Quizfrage: Eine Box hat eine Breite von 200 Pixeln, einen Innenabstand zu allen Seiten von 20 Pixel und einen Rand von 2 Pixel. Wie breit ist die Box? Wer schon ein bisschen mit CSS gearbeitet hat und das Box Modell kennt, der kommt hier auf 244 Pixel. Das ist zum Einen ein etwas krummer Wert und zum Anderen, kann dieses Verhalten in einem CSS Raster auch schnell zu Problemen führen. Um dem Herr zu werden, endet dies meist in vielen zusätzlichen CSS-Klassen oder viel Rechenarbeit beim umstellen des Rasters, was auch wieder zusätzliche Fehlerquellen mit sich bringt. Bisher war das auch für mich Alltag, bis ich dann in einem Vortrag von Vitaly Friedman vom Smashing Magazin saß.

    (mehr …)