0251 / 590 837 15
info@a-coding-project.de

Box-Sizing Generator

Box-Sizing mit CSS 3

Das "box-sizing"-Attribut in CSS3 ermöglicht die Aktivierung eines eigenen Box-Models. Während bisher bei der Erstellung von gefloateten Layouts darauf geachtet werden musste, das sowohl "padding" als auch das "border"-Attribut die Größe eines Elements beinflussten und damit ganze Layouts zerstörten, kann nun mithilfe des "box-sizing"-Attributes die fixe Größe eines HTML-Elementes aktiviert werden.

So wird ein Element, dessen Breite auf 200 Pixel festgelegt wurde, immer 200 Pixel breit bleiben, sofern man das Attribut "box-sizing:border-box" setzt, und zwar unabhängig vom Rahmen-Typ, Inhalt oder Padding. Es steht außer Frage, dass auch diese Neuerung deutliche Erleichterungen mit sich bringt und die Browseroptimierungen für unterschiedliche Browser deutlich beschleunigen dürfte.