✔ Schriftgröße explodiert beim vergrößern im Browser (relative Größenangabe)

[Sebs]

Hallo,

Ich nutze bei meinen Stylesheets immer relative angaben (em) um dem User die Möglichkeit zu geben die schrift zu vergrößern (IE). Das Problem ist, dass die Schrift dann immer explodiert, wie schaff ich das, dass die schrift nur langsam größer / kleiner wird.

Bei mir wird nämlich immer das ganze so groß, dass es nicht mehr lesbar ist

Danke schonmal

Gruss

Sebastian

 

[Maik]

Welche Größenwerte hast du denn für welche HTML-Elemente innerhalb des Dokuments gesetzt?

 

[Sebs]

Hier einmal auszüge aus dem Code (css)

*{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000;
}

.layout-menu{
	padding-top: 1px;
	float: left;
	font-size: 0.8em;
	background-color:#FFF;
}

Hier explodiert die Textgröße schon, obwohl die Drumherum liegenden Elemente (divs) keine größenangaben enthalten

 

[Maik]

Und beim Vergrößern vom mittleren zum größeren Schriftgrad (oder eben um eine Stufe) soll die Schriftgröße so sprunghaft vergrössert werden, daß sie über den Viewport hinausgeht?

Dieses Verhalten kann ich mit deinem CSS-Code bei mir nicht feststellen.

 

[Sebs]

Ja.

Guck einfach mal unter http://www.robolo.de

Du kannst dir ja auch da die Stylesheetdatei runterladen.

Danke schonmal

Gruss

Sebastian

 

[Maik]

Vielleicht solltest du die Schriftgröße für das body-Element, und nicht über den Universalselektor * bestimmen.

 

[Sebs]

Ja das klappt. Supergenial!

Danke für die schnelle Hilfe!!