Jump to content
Postkarten-ABC zum Sammeln oder Verschenken …

CSS

Empfohlene Beiträge

Geschrieben

Hallo!

Mein Programmierer schrieb mir, ich solle in der „master.css“ die „line-height“ heraufsetzen, um websiteweit den Zeilenabstand zu erhöhen. Das funktioniert jedoch nicht, weder im Firefox noch mit Safari. Woran könnte das liegen?

Lars

Geschrieben

/* hier keine Änderungen machen, nur wenn Du weißt, was Du tust! */
html 
{
			height:100%; 
			max-height:100%;
			padding:0;
			margin:0;
			border:0;
			/* hier allerdings, in diesem Abschnitt sind Änderungen möglich:
				Schrift Familie, default: font-family:  Verdana, Arial, "Trebuchet MS", sans-serif;
				Zeilenhöhe, default: letter-spacing:120%;
				Kerning, default: letter-spacing:100%;
				Buchstabengröße, default: font-size:72%;
				danach KEINE Änderungen, da ist ein Browser Hack, auch wenns
				komsich aussieht, das muß so bleiben!
			*/	
			font-family:  Georgia, "Trebuchet MS", Verdana, Arial, sans-serif;
			line-height:130%;
			letter-spacing:120%;
			font-size:72%;			 
			/* hide overflow:hidden from IE5/Mac */
			/* \*/
			overflow:hidden;
			/* */			
}

/* hier keine Änderungen machen, nur wenn Du weißt, was Du tust! */
body 
{
			height:100%; 
			max-height:100%; 
			overflow:hidden; 
			padding:0; margin:0; border:0;
			/* Hier allerderings
				Schriftfarbe, default: color:black;
				Hintergrundfarbe, default: background-color:#FFFFFF;
			*/
			color:black; 
			background-color:#FFFFFF;							
}

Ich weiß es auch nicht, doch hier der relevante Abschnitt zum leichteren ansehen. Du könntest es ggf. mit einer absoluten angabe versuchen.

Geschrieben

font-family:  Georgia, "Trebuchet MS", Verdana, Arial, sans-serif;
line-height:16pt%;
letter-spacing:100%;
font-size:9pt;			 
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden;

Das ist der Abschnitt, wo ich etwas geändert habe. Absolute Angabe mit „pt“ funktioniert bei der Schriftgröße, aber nicht beim Zeilenabstand.

Noch etwas: Wo sind beim Firefox eigentlich die Umlaute im Menü geblieben? Die ganze Site ist UTF-8-kodiert!

1261_umlaute_1.jpg

Lars

Geschrieben
Noch etwas: Wo sind beim Firefox eigentlich die Umlaute im Menü geblieben? Die ganze Site ist UTF-8-kodiert!

Bei mir werden sie angezeigt (FF2, FF1.5, SeaMonkey1.1.1). Vielleicht hast Du im Deinem Browser den falschen Zeichensatz ausgewählt?

Geschrieben
Vielleicht liegt es am %-Zeichen, welches hinter der Angabe 16pt stehen geblieben ist.

Firefox kennt jedenfalls den Parameter line-height.

Oh, pardon. Das hatte ich im CSS schon gefunden, hier stand noch die alte Fassung. Das ist es also nicht.

Noch etwas: Wo sind beim Firefox eigentlich die Umlaute im Menü geblieben? Die ganze Site ist UTF-8-kodiert!

Bei mir werden sie angezeigt (FF2, FF1.5, SeaMonkey1.1.1). Vielleicht hast Du im Deinem Browser den falschen Zeichensatz ausgewählt?

Hm – Firefox Mac 1.0.6 hat da wohl Schwierigkeiten. In Safari alles o.k. Ich werde den Feuerfuchs mal updaten und mal sehen, ob das was bringt.

Danke soweit schon einmal!

Lars

  • 3 Jahre später...
Geschrieben

CSS Höhenangaben würde ich eh eher in em machen, gerade, wenn man prozentual arbeitet. Ansonsten gebe ich Höhen und Breitenangaben immer in px an.

Erstelle ein Benutzerkonto oder melde dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Einloggen

Du hast bereits ein Benutzerkonto? Melde dich hier an.

Jetzt anmelden

Unser Typografie-Netzwerk

Die besten Typografie-Neuigkeiten aus aller Welt bequem per E-Mail erhalten.
Typography.guru – der englischsprachige Ableger von Typografie.info.
FDI Type Foundry besuchen
Die Datenbank der Schriftmuster der Welt.
Unterstütze den Fortbestand der Community und sichere Dir Zugang zu einem ständig wachsenden Angebot an exklusiven Inhalten.
×
×
  • Neu erstellen...

🍪 Hinweis:

Wir benutzen funktionale Cookies.