Buttons im IE erscheinen zu groß

Mal wieder eines der leidigen Sachen vom IE. Man möchte einfach nur eine Submit Schaltfläche erstellen, welche sich dynamisch anpasst. Je mehr Text drin steht, desto breiter soll sie werden. Ist ja auch alles kein Problem – zumindest im Firefox & Co nicht. Aber unser lieber Freund IE muss mal wieder aus der Rolle fallen. Sobald ein Leerzeichen in dem Text vorkommt verbreitert er den rechten und linken Rand – unnötiger Weise! Und das natürlich pro Leerzeichen 🙂 Doch was tun?

Ein Möglichkeit ist es eine feste Breite zu setzen, was aber irgend der Anforderung entgegen läuft, dass er sich anpassen soll. Man muss also – wieder einmal – mit CSS tricksen.
Einfach dem entsprechenden Button dieses CSS per Class oder Style zuweisen und schon passt es.
[sourcecode language=\’css\‘]
.buttonIEFIX {
overflow:visible;
padding: 0 2px;
width: auto;
}
[/sourcecode]

Generator für CSS Menüs

Generator scheinen im Moment In zu sein. Warum auch nicht. Immerhin bekommt man so eine großen Teil der Leute dazu konformen Code zu erstellen. Ok … die meisten Menschen werden nicht verstehen was Sie da überhaupt machen und für die Profis wird meist zu viel Code erzeugt (also machen Sie es lieber selbst)
Aber immerhin: Es sieht gut aus 🙂 und wenn es mal schnell gehen muss, dann ist es auf jeden Fall eine Alternative.

Viel Spaß beim Probieren!
http://cssmenumaker.com

YAML Builder

Eine schnelle und einfach Art an ein angepasst YAML Layout zu kommen bietet nun der YAML Builder. Damit lässt sich schnell und einfach ein Layout erstellen, welches den Bedürfnissen angepasst ist.
Einfach mal ausprobieren!