Pixel

setzer

.de
Aktuellste Kommentare:
  • Stefan schrieb:
    Schöner Beitrag und nützliche Links, vielen Dank dafür!...
    [lesen]
  • Pixelsetzer schrieb:
    Hi Marius, danke für den Hinweis. Ich hab das gar nicht gesehen, dass die Zeichen unformatiert wurden. Ich habe es gleich mal geändert. ;-) Wegen...
    [lesen]
  • Marius Gerum schrieb:
    Sehr schön, gefällt mir gut :-) OOP ftw ;-) Marius...
    [lesen]
  • Marius Gerum schrieb:
    upps, im letzten Kommentar ... wusste nicht dass HTML funzt, ich meinte > und < ^^...
    [lesen]
  • Marius Gerum schrieb:
    Hi, schöner Artikel und gut strukturierter Code. 2 Dinge würden mir an dieser Stelle vielleicht noch fehlen, und zwar das fertige Applet zum sofo...
    [lesen]

Input Buttons im Internet Explorer zurechtweisen

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.

Kommentar schreiben:

Mit der Eingabe des Sicherheits-Codes stimmen Sie der Speicherung ihrer IP-Adresse und ihrer anderen angegebenen Daten zu.
Die IP-Adresse und ihre E-Mail wird nur für die Spam-Abwehr benötigt.