Posts Tagged Under: browser hack

Overflow in Fieldset Problem im Firefox

Normalerweise ist es ja bekanntlich der Internet Explorer, welcher den Webentwicklern kummer bereitet. Diesmal bin ich aber auf ein Problem im Firefox gestossen. Bei Elementen mit overflow Definitionen in einem Fieldset streikt Firefox und zeigt die Elemente in voller Breite an. Die Lösung dafür ist eine einfaches

display: table-cell;

für das Fieldset Element. Da nun aber die anderen Browser das Fieldset Element mit dieser Definition sehr unterschiedlich rendern, müssen wir zu einem Firefox Browser Hack greifen:

@-moz-document url-prefix() {
  display: table-cell;
}

Nun greift die table-cell Definition nur bei Firefox und zeigt bei allen Browsern das gleiche Ergebnis an.