[mcdaniels]

Hey
Folgender Code HTML:

<div id="content">
  <h1>Warum man Cascading Style Sheets verwenden sollte</h1>
  <h2>Design contra schlankem, strukturiertem Quelltext?</h2>
    <p>Es ist noch gar nicht so lange her, da habe ich mir über die Menge des Quelltextes von
      Internetseiten mehr oder weniger keine Gedanken gemacht. Mein Motto war:</p>
 
<div class="code">
  <p>Quelltextmenge und Strukturierung egal, wenns denn nur gut aussieht und funktioniert.</p>
</div>
</div>

Code CSS:

#content {float:right;
             font-family:sans-serif;
             padding-bottom:20px;
             width:79%;}

.code {font-family:sans-serif;
       background-image: url(webgrafik/border_code_unten.jpg);
       background-repeat:repeat-y;
       background-position:right;
       padding:5px;
       margin-top:10px;
       margin-bottom:10px;
       background-color:#E6E6E6;
       color:#000000;}

.code p {font-size:20em;}

Egal, welche font-size ich bei .code p angebe, es ändert sich nix...? Hab ich was übersehen bzw. sitz schon zulang vorm PC und hab nen Murks gedreht?

[MartenBrosch]

schon mal probiert die "font-size" einfach unter .code zu definieren?
oder wirst du mehrere verschiedene tags im <div id="code"> container verwenden?

[mcdaniels]

Hey!
Hatte eigentlich vor, mehrere Tags im code Container zu verwenden....

[mcdaniels]

So hab mir das jetzt nochmals angeschaut. Es sieht so aus: Wenn ich im .code Container die font-size definiere, dann reagiert der Inhalt meines Containers entsprechend und verändert die Schriftgrösse.

Will ich jetzt aber explizit die <p> Tags meines Code Containers ansprechen, dann sollte das doch mittels

.code p {font-size:1.5em;}

funktionieren?!

Interessanterweise reagiert der Inhalt bei .code p {font-style:italic;} Es muss also irgendwo der Wurm bei meinen font-sizes liegen.

[mazzo]

Schriftgrößen in em und Prozent sind relative Angaben. Wenn z.B. global angegeben wird:

body {font-size: 0.8em;}

und später dann für alls p in diesem body nochmal 0.8em, dann sind dies 0.8em von 0.8em (also nur 0.64em, wenn ich jetzt nicht irre). Wenn zwei p verschachtelt sind geht das so weiter.

Ich empfehle im Body die Schriftgröße 100.01% (Nachkommastellen um Rundungsfehler zu vermeiden). Darauf aufbauend könnte ein Textcontainer z.B. 80% oder 0.8em Schriftgröße erhalten und ggf. darin liegende Elemente erhalten -so diese Angabe nötig wird- 100% Schriftgröße (nämlich 100% vom Elternelement, welches die gewünschten 80% der im body definierten Schriftgröße hat).

alles klar?

[mcdaniels]

Klar - glaube "ja"

allerdings erklärt das auch das von mir geschilderte Verhalten?

[fricca]

Zitat von mcdaniels

allerdings erklärt das auch das von mir geschilderte Verhalten?

Nein.
Aber deine Codeschnipsel oben erklären auch nicht dein Problem. Wenn ich das zu einem Dokument zusammenbaue, dann kann ich beim beklagten .code p die Schriftgröße sehr wirkungsvoll ändern.
Der Fehler liegt also woanders. Poste einen Link.
Vorher informier dich aber über die Spezifität von Selektoren. Meine Glaskugel sagt mir, dass du damit ein Problem hast.

[Siegfried]

Hi,

sehr wahrscheinlich hast Du irgendwo später im css Sowas wie p { font-size: blabla; } stehen. Und das trifft dann auch auf Paragraphen innerhalb von div.code zu.

Generell: Zuerst die allgemeinen Dinge im css regeln, danach die spezielleren.

[fricca]

Zitat von Siegfried

Sowas wie p { font-size: blabla; }

Das würde durch .code p {} überschrieben.
Es muss also einen Selektor höherer Spezifität geben.

[MartenBrosch]

meint ihr damit sowas wie
body p{}

überschreibt der nicht ein .code p{}?

oder vielleicht hat er auch ein #container p{} oder vielleicht sollte er eifach im body mal ne schriftgröße definieren, auf die sich dann alle anderen beziehen können.