Frage stellenHallo,
ich kann gerne noch den Code posten, vielleicht gehts aber auch so:
Ich habe in einer CSS-Datei u.a. verschiedene Schriftgrößen definiert, die in einem HTML-Dokument <p> zugeordnet werden. Wenn ich nun unter Firefox 3.6.8 die Schriftgrößen kontrolliere mit dem WebDeveloper 1.18-AddOn werden bei den Elementeigenschaften alle Schriftgrößen um 1/3 größer berichtet, als ich sie definiert habe (als werden z.B. 20px angezeigt, obwohl ich 15px definiert hatte).
Mangels WebDeveloper kann ich das nicht in anderen Browsern prüfen noch ist mir ein Verfahren bekannt, die tatsächlichen Schriftgrößen auf dem Screen zu prüfen.
Ist das ein CSS-Code-Problem (bin mir keiner Schuld bewusst, poste aber die relevanten Abschnitte gerne) oder ein bekanntes Fehlverhalten des WebDevelopers, Misverständnis meinerseits etc.?
Vielen Dank im Voraus für Anregungen dazu
Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster
Schriftgröße anders als erwartet
5 Beiträge • Seite 1 von 1
Schriftgröße anders als erwartet
von vomhimmelgefallen » 03.09.2010, 16:52
- vomhimmelgefallen
- neu hier
- Beiträge: 4
- Registriert: 16.12.2009, 16:57
Re: Schriftgröße anders als erwartet
von sejuma » 03.09.2010, 19:22
Am besten postest du einen Link zur Problemseite.
- sejuma
- Vielposter
- Beiträge: 788
- Registriert: 15.07.2009, 17:46
Re: Schriftgröße anders als erwartet
von vomhimmelgefallen » 05.09.2010, 17:20
Hallo,
einen Link kann ich nicht posten, da die Seite nur in meinem Intranet erreichbar ist. Wie gesagt, WebDeveloper zeigt unter Firefox an, dass alles richtig ist (DOM, ausgewählter Style mit Schriftart etc.
NUR die Schriftgröße ist IMMER exakt 1/3 zu groß, im Beispiel als 20px für .header2 und 14.66667px für .ih_txt1.
Die CSS (soweit relevant, Seiteneffekte sind m.E. ausgeschlossen, da keine konkurrierenden Auszeichnungen efiniert sind und bei .header2 z.B. die gewählte Hintergrundfarbe auch erscheint):
Und ein HTML-Abschnitt:
einen Link kann ich nicht posten, da die Seite nur in meinem Intranet erreichbar ist. Wie gesagt, WebDeveloper zeigt unter Firefox an, dass alles richtig ist (DOM, ausgewählter Style mit Schriftart etc.
NUR die Schriftgröße ist IMMER exakt 1/3 zu groß, im Beispiel als 20px für .header2 und 14.66667px für .ih_txt1.
Die CSS (soweit relevant, Seiteneffekte sind m.E. ausgeschlossen, da keine konkurrierenden Auszeichnungen efiniert sind und bei .header2 z.B. die gewählte Hintergrundfarbe auch erscheint):
- Code: Alles auswählen
@charset "utf-8";
body.std {
color:#000000;
background-color:#FEF08F;
margin:0px;
padding:0px;
top:0px;
left:0px
border-style:none;
/* font-size:100.01%; /* IE6/7-Darstellung-Hack */
text-align:center;
}
#center { /* Gesamtausrichtungs-Wrapper */
float:left;
z-index:300;
margin:0px auto;
padding-top:8px;
padding-left:0px;
padding-right:0px;
border-style:none;
width:1024px;
height:auto;
visibility:visible;
background-color:transparent;
text-align:left;
}
#navigation {
position:absolute;
float:left;
z-index:10;
background-color:transparent;
background-image:url(./grafiken/naviback.gif);
background-repeat:repeat-y;
margin:0px;
width:180px;
height:5000px;
padding-top:145px;
padding-right:0px;
padding-left:5px;
border-style:none;
/* Schrift */
font-family: sans-serif;
text-align: left;
}
#content {
position:absolute;
float:left;
z-index:1;
margin-top:145px;
margin-left:185px;
margin-right:0px;
width:831px;
padding-left:8px;
padding-right:0px;
padding-top:0px;
border-style:none;
text-align:left;
}
#topline {
position:absolute;
z-index:20;
background-color:transparent;
width: 1024px;
height: 120px;
margin: 0px;
padding: 0px;
border-style:none;
}
...
.header2 { background-color:#F2D117; font-family:Verdana, Arial, sans-serif; font-size:15pt; font-weight:bold; padding:5px; }
...
.ih_txt1 { font-family:Verdana, Arial, sans-serif; font-size:11pt; text-align:justify; }
...
Und ein HTML-Abschnitt:
- Code: Alles auswählen
...
<html>
<body>
<div id="topline">
...
</div>
<div id="mainnavigation">
...
</div>
<div id="content">
<table cellspacing="0" id="fbindex1" border="0">
<tr>
<td colspan="2"><h2 class="header2">Text sollte 15pt haben</h2></td><td> </td>
</tr>
<tr class="ih_tbl1">
<td valign="top" class="ih_tbl1"><p class="ih_txt1">Text sollte 11pt haben.<br /></p>
</td>
</tr>
<tr>
...
- vomhimmelgefallen
- neu hier
- Beiträge: 4
- Registriert: 16.12.2009, 16:57
Re: Schriftgröße anders als erwartet
von kazuhisa » 14.09.2010, 09:37
Was mir gleich aufgefallen ist, Du verschachtelst Werte:
<tr class="ih_tbl1">
<td valign="top" class="ih_tbl1"><p class="ih_txt1">Text sollte 11pt haben.<br /></p>
</td>
</tr>
Den Eintrag <tr class="ih_tbl1"> kannst Du rausnehmen, Du hast ihn bereits im <td>, wo er auch reingehört.
Ohne den CSS-Code für .ih_tbl1 zu kennen, vermute ich, dass die Problematik in einem Elternelement zu finden ist?
Du kannst die Schriftgröße für die gesamte Website bereits im body vergeben:
body { font-size: .8em; } Oder 10pt, wie auch immer?
Dann vergibst du classes für alles weitere, z.B.
h1 { font-size: 1.5em; }
So würde ich es machen, ohne ein wirklicher Kenner der Materie zu sein.
PS: Bei den '0px' Einträgen kannst Du auf pas 'px' verzichten, die Angabe '0' reicht aus, null ist null, ob in px, em, oder was auch immer.
<tr class="ih_tbl1">
<td valign="top" class="ih_tbl1"><p class="ih_txt1">Text sollte 11pt haben.<br /></p>
</td>
</tr>
Den Eintrag <tr class="ih_tbl1"> kannst Du rausnehmen, Du hast ihn bereits im <td>, wo er auch reingehört.
Ohne den CSS-Code für .ih_tbl1 zu kennen, vermute ich, dass die Problematik in einem Elternelement zu finden ist?
Du kannst die Schriftgröße für die gesamte Website bereits im body vergeben:
body { font-size: .8em; } Oder 10pt, wie auch immer?
Dann vergibst du classes für alles weitere, z.B.
h1 { font-size: 1.5em; }
So würde ich es machen, ohne ein wirklicher Kenner der Materie zu sein.
PS: Bei den '0px' Einträgen kannst Du auf pas 'px' verzichten, die Angabe '0' reicht aus, null ist null, ob in px, em, oder was auch immer.
- kazuhisa
- neu hier
- Beiträge: 7
- Registriert: 14.05.2010, 13:16
Re: Schriftgröße anders als erwartet
von vomhimmelgefallen » 17.09.2010, 12:30
Viele Dank kazuhisa für deine Antwort!
Die CSS für die Tabelle definiert nur Abstände, nichts mit Schriften, hatte es deshalb der Übersichtlichkeit halber weggelassen.
Ich werde Deine Anregungen umsetzen und berichten, was sich geändert hat.
Die CSS für die Tabelle definiert nur Abstände, nichts mit Schriften, hatte es deshalb der Übersichtlichkeit halber weggelassen.
Ich werde Deine Anregungen umsetzen und berichten, was sich geändert hat.
- vomhimmelgefallen
- neu hier
- Beiträge: 4
- Registriert: 16.12.2009, 16:57
5 Beiträge • Seite 1 von 1
Moderatoren: Laus, Moderatoren
Ähnliche Beiträge zu "Schriftgröße anders als erwartet"
- Schriftgröße funktioniert nicht!
- Aussehen bei Opera ist anders als beim Explorer
- Hintergrundbild bei jeder site anders
- IE8 stellt Liste anders dar
Zurück zu: CSS für Anfänger
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste