Seite klappt nicht. warum?

Brandbatscher

Hi,
bin neu hier und auch neu beim Firefox. Muss sagen: feines Teil. Ich muss aber noch mehr damit "rumspielen", um alle seine Vorteile zu entdecken.
Als erstes hab ich meine eigene Page (html- und css-übungen für mich) angeschaut und natürlich den Unterschied zum IE entdeckt:
Da stimmt ja garnix mehr. Jetzt aber bitte keine Anti-IE-Kapagne, sondern Hilfe wird gesucht:
Warum klappt das nicht:

style.css:

Code

<style type="text/css">
<!--
#titel
{
font-size: 150%;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
-->
</style>
<style type="text/css">
<!--
#text
{
font-size: 100%;
text-align: justify;
text-decoration: none;
font-weight: normal;
white-space:normal
}
-->
</style>
</body>
</html>

Alles anzeigen

datei.html:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>News</TITLE>
<link rel="stylesheet" type="text/css" href="style.css">
</HEAD>


<BODY text=#000000 vLink=#ff0000 aLink=#ff0000 link=#ff0000 bgColor=#d0d0d0>


<div id="titel">News</div>
<br><br>
<div id="titel">Wann wird´s mal wieder richtig Sommer?</div>
<div id="text"><br>
Entgegen aller Vermutungen wird der Sommer 2004 als Durchschnitt verbucht werden müssen. Die Regenmenge war normal, der Sonnenanteil war normal...Also: richtig typisch deutsch, oder? Hoffen wir auf 2005.
<br>
<br>
</div>


</BODY>
</HTML>

Alles anzeigen

Danke im Voraus,
Gregor

Gertrud

Zitat

style.css:
<html>
<head>
<title></title>
</head>
...

Was in aller Welt hat dieser code in einer css-Datei verloren?

Brandbatscher

OK, ist ein Überbleibsel. Ich nehms raus, wird aber wohl nix ändern, oder?

Gertrud

Ich denke schon, daß das etwas ändern könnte. So wie es gepostet ist, ist es nämlich keine gültige css-Datei und wird deshalb wahrscheinlich auch nicht als solche interpretiert.

Brandbatscher

Habs rausgemacht, keine Änderung.

Eckhart Wörner

Hallo Brandbatcher,

editier mal deinen Beitrag und ändere die beiden Dateien so, wie sie jetzt bei dir sind.
Nebenbei kannst du mit diesen tags code formatieren:

Code

[code]
Hier kommt dein Code rein

[/code]

Gruß, Eckhart

Brandbatscher

Danke für den Hinweis, erledigt.

Gertrud

Ich weiß ja nicht, wie Du erwartest, daß es aussehen soll. Wenn ich das ganze korrekt in die Dateien styles.css und datei.html packe, dann ist die Darstellung in FF und IE völlig identisch: Schriftart - Times, Titel groß, fett, unterstrichen und zentriert, Text kleiner und Blocksatz.

Edit: ich war zu langsam. In der css-datei darf nur folgender Code stehen:

Zitat

#titel
{
font-size: 150%;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
#text
{
font-size: 100%;
text-align: justify;
text-decoration: none;
font-weight: normal;
white-space:normal
}

Alles anzeigen

Eckhart Wörner

Hallo Brandbatcher,

dann ist der Grund ganz einfach:
In eigenen CSS-Dateien ist das hier falsch und gehört raus:

Code

<style type="text/css">
<!--

Code

-->
</style>
</body>
</html>

Gruß, Eckhart

Brandbatscher

Hehe, interessant.
In meinem IE stimmts (Optik wie von dir beschrieben) und in FF ist alles gleich groß und linksbündig.
Einstellungen in FF falsch?

Brandbatscher

AHA!!!!
Vielen herzlichen Dank!!!!!!!

Wie ihr´s beide gleichzeitig bemerkt habt, isses ok!

Wie kann ich euch danken?

Gertrud

Keine Ursache!

Noch eine kleine Anmerkung: Die Variante #titel und #text und der Aufruf mit ID ist für so etwas nicht so günstig, da man eine Formatierung mit ID in einem Dokument immer nur ein mal benutzen kann. Besser wäre .titel und .text und der Aufruf mit class="titel" bzw. class="text". Zumindest Textabschnitte gibt es ja meist mehrere im Dokument.

Brandbatscher

OK, danke für den Vorschlag.