CSS - Bei Hover soll Box durch font-weight: bold nicht größer werden

[Der Martin]

Hi,

bei :hover verwende ich font-weight: bold. Dadurch wird die umgebene Box vergrößert. Diese soll aber gleich bleiben. Die Box soll keine feste width, height Angaben haben, sondern durch padding ihre Größe erhalten.

das ist IMO ein Widerspruch. Wenn du keine feste Größe angibst, richtet sich die tatsächliche Größe nach dem Platzbedarf des Inhalts, und fette Schrift ist nun einmal etwas breiter.

Wie erreicht man es, dass die Box sich bei :hover nicht vergrößert?

Eine Krücke fällt mir ein: Javascript. Lies nach dem Laden der Seite mit getComputedStyle() die tatsächliche Höhe und Breite des Elements, und setze die dann fest auf style.height bzw. style.width.

Alle Angaben ohne Gewähr.

Live long and pros healthy,
 Martin