Zu große DIVs im Internet Explorer

Beim rumbasteln mit runden Ecken stieß ich auf das Problem, dass meine 9px großen Ecken-Divs höher waren als sie hätten sein sollen.

Das Problem ist, dass es leere DIVs waren, und Internet Explorer (getestet mit Version 6-8) bei leeren DIVs die Minimalhöhe aus der benutzten Schriftgröße ermittelt.

Um das ganze zu fixen muss man dem leeren DIV zusätzlich noch font-size: 0; verpassen. Da andere Browser kein Problem hiermit haben, lässt sich der Fix ohne Folgen für andere Browser verwenden.

Leave a Reply