Nicht das es schon nervig genug ist, dass der Internet Explorer sein eigenes Ding macht!
Nein, er weigert sich auch noch bestimmte Befehle anzunehmen und treibt den Webdesigner in den Wahnsinn.
Zum Beispiel lässt sich der Innenabstand zum Rand in einem Input-Button nicht mit dem CSS Befehl “padding” bestimmen. Im Gegenteil, der Abstand wir meist sogar noch größer, auch wenn der Button so gar nicht mehr in eine fest definierte Box passen würde, er steht dann einfach über. Mit dem CSS Befehl:
1 | overflow: visible; |
kann der Abstand zum Rand erst ein mal auf null gesetzt werden. Anschließend kann der Rand normal mit “padding” bestimmt werden. So würde dann ein Button mit einem Abstand von 3 Pixeln, nach links und rechts, in CSS aus sehen:
1 2 3 4 5 | input { overflow: visible; padding-left: 3px; padding-right: 3px; } |
“Overflow” legt den Bereich eines Elementes, das innerhalb eines anderen Elementes definiert wurde, fest, wenn das innere Element zu groß für das äußere Element ist.