Abgerundete Ecken werden verzerrt dargestellt...

[Duhtml]

Hallo,
bei "divs" oder auch bei "buttons" oder "inputs" werden die Ecken nicht richtig dargestellt wenn ich sie mit "border-radius" abrunde. Es funktioniert nur richtig, wenn es sich um Quadrate handelt, denn dann werden alle Ecken gleichmäßig abgerundet. Wenn es sich aber um ein Rechteck handelt, wird der Teil der Ecke, der an der längeren Seite liegt gestreckt und die, die an der kürzeren Seite liegt gestaucht. Gibt es da irgendwas womit ich die Ecken bei Rechtecken gleichmäßig abrunden kann?
Bin für jede Antwort dankbar :)

 

[Banana_Jones]

Ohne CSS-Code würde ich raten, dass du die Radius-Angabe in Prozent angibst. Dadurch bezieht sich der vertikale radius ("Teil der ecke ander kürzeren Seite") auf die Höhe, der horizontale Radius aber auf die Breite der Box. Sprich du hast ungleichmäßig runde Ecken.
Lösung: Nimm Pixelwerte oder eine andere Einheit (em)