Schriftgröße per css - in Vorschau immer gleich groß

Beitrag von **CubeMaster** » 31.05.2009, 11:17

Hi Leute,

ich habe zur Zeit ein grundlegendes Problem mit css.
Ich benutze Dreamweaver und kombiniere das klassische HTML mit CSS und ein paar php-Befehlen. (Zu mehr reicht mein Grips nicht aus, da ich mehr der Gestalter als "Programmierer" bin)

Nunja, die Schriftformatierung mache ich komplett per css und das fkt auch super. Nur leider hab ich in der Vergangenheit die normale Fließtext-Schrift immer per Absatz (p) und nicht über body definiert:
p { font-family: verdana; font-size: 11px; color: #666666; text-decoration: none}

...jetzt möchte ich da ganze per body machen also so.
body { font-family: verdana; font-size: 11px; color: #666666; text-decoration: none}
Mein Problem ist aber, wenn ich mir die php-Datei im Firefox öffnen lassen um mir eine Vorschau anzeigen zu lassen, dann erkennt er die Schriftgröße nicht. Denn egal ob ich 3px oder 11px einstelle, Sie ist immer gleich groß.
Wo liegt jetzt mein Fehler?

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **Mork vom Ork** » 01.06.2009, 15:08

CubeMaster hat geschrieben:body { font-family: verdana; font-size: 11px; color: #666666; text-decoration: none}
Mein Problem ist aber, wenn ich mir die php-Datei im Firefox öffnen lassen um mir eine Vorschau anzeigen zu lassen, dann erkennt er die Schriftgröße nicht. Denn egal ob ich 3px oder 11px einstelle, Sie ist immer gleich groß.
Wo liegt jetzt mein Fehler? :x

Das lässt sich ohne Ansicht des Problemfalls nicht beantworten. Deine CSS-Anweisungen sind korrekt. Ursache kann schlicht sein, dass eine PHP-Datei nichts im Browser zu suchen hat (Browser verarbeiten HTML, kein PHP), es kann auch sein, dass deine body-Werte von anderen Elementen überschrieben werden (zum Beispiel hätte p Vorrang vor body). Es kann sogar sein, dass du über die Anti-Fliegendreck-Schaltung stolperst, die dem allgemeinen Meine-Schrift-ist-winziger-als-deine-Wahn Einhalt gebietet. Im Browser lässt sich die Mindestschriftgröße einstellen, alles darunter wird ignoriert, und 11 Pixel ist schon recht klein.

Beitrag von **CubeMaster** » 01.06.2009, 15:37

Bis jetzt habe ich nur body definiert und p noch garnicht.

Eine Mindesgröße im Browser ist nicht eingestellt.

Und meine Startseite trägt den/die Dateinamen/endung "index.php" nicht "index.html". Wenn ich mir davon in Firefox eine Vorschau (offline) anzeigen lasse, dann funzt auch immer alles, bis auf die Schriftgröße.

von **Anzeige von ABAKUS** »

Beitrag von **Nullpointer** » 01.06.2009, 17:57

was sagt denn firebug zu dem formatierten element?

Beitrag von **CubeMaster** » 01.06.2009, 18:10

was für ein formatiertes element? Und sollte FF denn reagieren, worauf möchtest du denn hinaus? Sieht aus wie eine ganz normale online-Ansicht. Als ob ich im Web die Seite online aufrufen würde.

Beitrag von **hatte05** » 01.06.2009, 20:03

Hast du mal geschaut, ob die Schriftgröße in den HTML / PHP Dokumenten nochmal extra definiert wird? Das würde die Anweisungen in der CSS Datei überschreiben. Ansonsten kann man dir ohne Einsicht in den Quelltext schwer helfen. Durchsuche doch mal dein Dokument nach allen font-size:
Evtl. hat sich auch ein kleiner Fehler in die Css Datei eingeschlichen, ein fehlendes schliessendes ; über der Schriftgrößendefinition..?

Beitrag von **Mork vom Ork** » 01.06.2009, 21:35

Mork vom Ork hat geschrieben:Das lässt sich ohne Ansicht des Problemfalls nicht beantworten.

hatte05 hat geschrieben:Ansonsten kann man dir ohne Einsicht in den Quelltext schwer helfen.

Manchmal ist es, als wenn man mit einer Wand redet …

Beitrag von **CubeMaster** » 02.06.2009, 20:27

ok...hab das problem jetzt mal eingeengt. Es funktioniert. ABER nur, bis ich eine tabelle öffne und in die etwas reinschreibe.
D.h. ich öffne eine html-Datei, lasse meine .css-Datei "laden"
...
<link rel="stylesheet" href="teststyle.css" type="text/css">
</head>
<body bgcolor="#efefef" text="#666666" topmargin="0" bottommargin="0">
BEISPIELTEXT (richtige Schriftgröße wie in css angegeben)

<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>BEISPIELTEXT (falsche Schriftgröße wie in css angegeben)</td>
</tr>
</table>

Da ich all meine kompletten Seiten aber via Tabellen erstelle, muss und will ich das Problem lösen.
Übrigens, setzet ich vor und nach meinem Text ein p... <p>BEISPIELTEXT</p> und definiere "p" mit den gleichen Daten wie <body> dann funzt das ganze! *komisch*

Beitrag von **Mork vom Ork** » 02.06.2009, 20:43

CubeMaster hat geschrieben:Es funktioniert. ABER nur, bis ich eine tabelle öffne und in die etwas reinschreibe.

Schalte den Browser in den standardkonformen Modus, im Moment arbeitet er im Ich-mach-wie-ich-lustig-bin-Modus (siehe Rechtsklick -> Seiteninformationen -> Allgemein: Anzeigemodus). Standardkonformer Modus ist Pflicht bei CSS-Verwendung, alles andere macht nur Kopfschmerzen.

Zumindest grammatikalisch richtiger Code hilft darüber hinaus auch dann und wann, Merkwürdigkeiten zu vermeiden.

Beitrag von **CubeMaster** » 03.06.2009, 19:14

Ok, habs gefunden, was Du meinst. Meine Seiten stellt FireF immer im Anzeigemodus: Kompatibilitätsmodus (Quirks) dar.
Soweit ich das jetzt verstanden habe, und korrigier mich wenn ich falsch liege, hat das ganze etwas damit zu tun, wie ich die html-Datei einleite.

zur Zeit habe ich die normale Standard-Var. von Dreamweaver 4 verwendet:

Code: Alles auswählen

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">

Ich bin zwar deinem Link gefolgt, habs mir durchgelesen, aber weiß jetzt trotzdem nicht, wie ich vom Anzeigemodus: Kompatibilitätsmodus (Quirks) in den Standardkonformen Modus wechsle und ob das wirklich DAS Problem ist, warum meine Schriftgröße nicht richtig angezeigt wird.

Beitrag von **Mork vom Ork** » 03.06.2009, 22:57

CubeMaster hat geschrieben:Ich bin zwar deinem Link gefolgt, habs mir durchgelesen, aber weiß jetzt trotzdem nicht, wie ich vom Anzeigemodus: Kompatibilitätsmodus (Quirks) in den standardkonformen Modus wechsle

„
Choosing a Doctype
Here are simple guidelines for choosing a doctype for a new text/html document:
[…]
You’d like to use the Standards mode, but you still want to validate deprecated markup or you use sliced images in table layouts and don’t want to fix them:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
“

Diese DOCTYPE-Zeile setzt du ganz an den Anfang deiner Seite, direkt vor <html>. Das Problem sollte damit bereits behoben sein, du solltest nichtsdestotrotz anschließend den Code mittels https://validator.w3.org prüfen.

Beitrag von **CubeMaster** » 04.06.2009, 19:12

Danke, es fkt. Das Problem mit der Schriftgröße hat sich damit erledigt.

Nun stell ich mir natürlich die Frage, was passiert, wenn ich meine anderen alten Internetseiten im Anzeigemodus: Kompatibilitätsmodus (Quirks) lasse?

Hatte mir meine Seiten mal auf'm MAC OS bzw. Safari angeschaut und da sah alles ganz normal aus. Und beim Google-Ranking scheints auch keine Probleme zu geben.

Beitrag von **Mork vom Ork** » 04.06.2009, 19:15

CubeMaster hat geschrieben:Nun stell ich mir natürlich die Frage, was passiert, wenn ich meine anderen alten Internetseiten im Anzeigemodus: Kompatibilitätsmodus (Quirks) lasse?

Inwiefern? Wenn du an den Seiten nichts änderst, bleiben sie so.

Beitrag von **CubeMaster** » 05.06.2009, 16:31

Jut, habs einfach mal ein bissel gegooglet. So wie es aussieht, erzeugt der Kompatibilitätsmodus (Quirks) keine gravierenden Probleme außer, dass es je nach Browser verschieden aussehen kann. Und da Firef, der Windoofs Explorer und Safari (der beschi*** Browser meiner Meinung nach) alles ganz normal darstellen, werde ich da vorerst nichts dran ändern. Nur dann eben bei zukünftigen Projekten.

Vielen Dank auf jeden Fall für die Hilfe

Beitrag von **Lord Lommel** » 06.06.2009, 00:49

Solange du validen HTML-Code hast, gibts ein paar Sachen die im Quirks nicht richtig gehen. Da ist es besser, gleich alles ordentlich zu machen. Bei deinen alten Seiten solltest du die erstmal durch den Validator jagen. Wenn dein Code nicht so astrein ist und du dann noch pixelgenau positioniert ist, kann es bei komplexeren Strukturen ganz schnell scheppern. Aber das kann man testweise ja ziemlich schnell mal ausprobieren.