CSS und Internet Explorer

[Alexander Wagner]

Ich bekomme folgendes Problem einfach nicht in den Griff...

Relativ einfache Textformatierungen (z.b. Arial 10px fett) werden zwar von Netscape und Fire Fox richtig dargestellt, jedoch im Internet Explorer erscheint, sobald ein Text mit einem CSS-Formatierungs-Tag umschlossen ist, dieser Text in Times New Roman 12px.

Kennt jemand dieses Problem?
oder braucht ihr noch mehr Angaben bezüglich des Codes?

[schwarze Piste]

Tachchen!

sobald ein Text mit einem CSS-Formatierungs-Tag umschlossen ist,

?

oder braucht ihr noch mehr Angaben bezüglich des Codes?

ja

Gruß

Die schwarze Piste

[Alexander Wagner]

zunächst mal der CSS Code

p   {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 color: #666666;
}

p11 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 color: #666666;
 }

dann zum Beispiel der Eintrag in einer Tabelle
<td width="375"><p11>&Uuml;berschrift</p11></td>

Das Wort "Überschrift" soll nach p11 formatiert sein.
Fire Fox und Netscape erkennen dies, der IE jedoch nicht
statt desset ist im IE das Wort "Überschrift" in Times und 12px groß

[ShiNtoKu]

Hallo,

<td width="375"><p11>&Uuml;berschrift</p11></td>

p11? Neologismen sieht html nicht gerne. Eventuell möchtest du dich mit Klassen beschäftigen.

Btw. brauchst du nicht Attribute mit Standardwerten (z.B. line-height: normal;) angeben (sofern diese nicht in einem Elternelemnt geändert wurden).

Viele Grüße
Patrick

[Ingo Turski]

Hi,

Btw. brauchst du nicht Attribute mit Standardwerten (z.B. line-height: normal;) angeben (sofern diese nicht in einem Elternelemnt geändert wurden).

macht er damit doch garnicht. Ungültige CSS-Anweisungen werden ignoriert. ;-)

freundliche Grüße
Ingo

[daniel84]

Hallo Alexander,

dann zum Beispiel der Eintrag in einer Tabelle
<td width="375"><p11>&Uuml;berschrift</p11></td>

autsch! Das sollte so aussehen:

.p11 {
  [...]
}

<td width="375" class="p11">Überschrift</td>

oder

<td width="375"><span class="p11">Überschrift</span></td>

Ich empfehle dir die Lektüre von http://de.selfhtml.org/css/intro.htm ff., damit du dir die Grundlagen von CSS aneignen kannst. (Tipp: Mit CSS werden _bestehende_ HTML-Elemente _formatiert_ nicht neue Elemente geschaffen!)

Gruss,
Daniel

[schwarze Piste]

Tachchen!

p11 {

Dazu ist ja nun alles gesagt. ;-)

<p11>&Uuml;berschrift</p11>

Abgesehen davon, dass man auf <p11></p11> auch erst einmal kommen muss,
sind für Überschriften h1-h6 vorgesehen ... nicht ohne Grund.

Gruß

Die schwarze Piste