0251 / 590 644 - 0
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.

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant