Wird in Firefox nicht angezeigt

[surfer]

Hallo zusammen,
ich habe folgendes Problem:
Innerhalb eine DIVs werden keine Formatierungen angezeigt (nur im Fixefox - IE zeigt alles an)

Kann mir jemand sagen, wo mein fehler liegt?

Hier der Quelltext:

<div id="Textteil" style="position:static; width:630; height:390; z-index:1; overflow: auto;">

<table width="614" border="0" cellspacing="0" cellpadding="0">

<tr>
<td height="40" class="Headline">Headline zum Thema</td>
</tr>

<tr>
<td valign="top" class="copytext">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</p>
</td>
</tr>

</table>
</div>

Besten Dank!

[Zeromancer]

Hallo surfer,

<div id="Textteil" style="position:static; width:630; height:390; z-index:1; overflow: auto;">

du benötigst zumindest Einheiten (px, em, %) für die Längen- und Breitenangaben.

Tipp: Lagere dein komplettes CSS in einer externe Datei aus.

Mit freundlichen Grüßen,
André

[surfer]

du benötigst zumindest Einheiten (px, em, %) für die Längen- und Breitenangaben.

Hab ich angegeben, aber die Einstellungen werden immer noch nicht angezeigt...

Tipp: Lagere dein komplettes CSS in einer externe Datei aus.

Das habe ich bereits. So sehen sie aus:

.copytext {
 font: normal 10pt/15pt Verdana, Arial, Helvetica, sans-serif;
 color: #333333;
}
   a.copytext:link          { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
   a.copytext:visited       { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
   a.copytext:actived       { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
   a.copytext:hover         { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
}
.Headline {

font: bold 16pt Verdana, Arial, Helvetica, sans-serif;
 color: #000066;
}

[Gunnar Bittersmann]

Hello out there!

Tipp: Lagere dein komplettes CSS in einer externe Datei aus.
Das habe ich bereits. So sehen sie aus:

Nein, hast du nicht. Wo sind hier die Angaben zu '#Textteil'?

a.copytext:link          { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
   a.copytext:visited       { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
   a.copytext:actived       { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
   a.copytext:hover         { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}
}

Wozu schreibst du die immer gleichen Angaben mehrfach auf?

a.copytext {  
  font-family:Verdana, Arial, Helvetica, sans-serif;  
  font-size:10pt;  
  color:#A71C33;  
  text-decoration:none;  
  line-height:13pt;  
}

hätte genügt.

Du siehst auch, dass nur eine Deklaration pro Zeile den Quelltext übersichtlicher macht?

Es ist allerding unsinnig, für unbesuchte und besuchte Links dieselbe Farbe zu verwenden; damit nimmst du dem Nutzer eine für ihn sehr wertvolle Information.

See ya up the road,
Gunnar

[surfer]

Hello,

Wie müsste der Verweis dann aussehen?

Nein, hast du nicht. Wo sind hier die Angaben zu '#Textteil'?

a.copytext:link          { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;color:#A71C33;text-decoration:none;line-height:13pt;}

...

Der rest des CSS wird noch angepasst :-)

[Gunnar Bittersmann]

Hello out there!

Wie müsste der Verweis dann aussehen?

?? Welcher Verweis?

See ya up the road,
Gunnar

[surfer]

?? Welcher Verweis?

Der Verweis von #Textteil zu der CSS-Datei:

<div id="Textteil" style="position:static; width:630px; height:390px; z-index:1; overflow: auto;">
<table width="614" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40" valign="top" class="Headline">Headline zum Thema</td>
</tr>
<tr>
<td valign="top" class="copytext"> TEXT </td>
</tr>
</table>
</div>

Wie schon gesagt funktioniert das ganze im IE - nur im Firefox nicht...

[Gunnar Bittersmann]

Hello out there!

?? Welcher Verweis?

Der Verweis von #Textteil zu der CSS-Datei:

?? Hä? (Großes Fragezeichen) Was meinst du?

<div id="Textteil" style="position:static; width:630px; height:390px; z-index:1; overflow: auto;">

Warum steht das immer noch im style-Attribut und nicht im zentralen Stylesheet?

Die Angabe 'position:static' kannst du auch sparen; das ist sowieso der Ausgangswert. [CSS2 §9.3.1]

Die Angabe 'z-index:1' kannst du auch sparen; das kann gar nicht angewendet werden.

„'z-index' […] Angewendet auf: Positionierte Elemente“ [CSS2 §9.9.1]

„Ein Element ist positioniert, wenn seine 'position'-Eigenschaft einen anderen Wert als 'static' hat.“ [CSS2 §9.3.2]

<table width="614" border="0" cellspacing="0" cellpadding="0">

Warum diese HTML-Attribute, wenn du Darstellungsangaben mit CSS machst?

See ya up the road,
Gunnar

[Gunnar Bittersmann]

Hello out there!

font-size:10pt;

Punkt ist die denkbar schlechteste Einheit für Schriftgrößen bei der Bildschirmausgabe. Verwende em oder %, oder gar keine Angabe.

text-decoration:none;

Damit machst du es dem Nutzer evtl. unnötig schwer zu erkennen, was Links sind und was nicht. Redundanz in Farbe und Unterstreichung schadet nicht! Besonders, weil die Nutzer es so gewöhnt sind.

Das gilt nicht für Linklisten, wo klar ist, dass alle Items Links sind. Dort sind nicht unterstrichene Listenitems besser zu lesen.

See ya up the road,
Gunnar