CSS - background + visibility:hidden

Hongi

Hallo,

ich habe die alten Threads durchforstet, aber leider keine Antwort auf mein Problem gefunden. Darum schildere ich hier mal die Sache in einem neuen Thread.
Übrigens: die Probleme treten nur bei Firefox auf, IE und Netscape stellen alles richtig dar.

In meinem Menü wird weder die definierte Hintergrundfarbe angezeigt noch das Hintergrundbild geladen.
<body style="margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; background-color:#CDCDCD; background-image:url(./img/menu/titanL.gif); background-attachment:fixed">

In den Hauptseiten soll teilweise Text mit hidden nicht angezeigt werden. Firefox stellt ihn unbarmherzig dar.
<div style="position:absolute; left:1px; top:7px; width:760px; height:421px; z-index:1; visibility:hidden">
<p>Text, Text, Text, zukünftige Erweiterungen ...</p>
</div>

Könnte mir da jemand helfen?

Der Original-Link lautet:
http://www.cichlidenstube.de/menu2.htm

mirko2000

Also bei mir sieht die Seite im Firefox genauso aus wie im IE. Bei beiden wird nur eine Seite mit grauem Hintergrund angezeigt.

Was für eine FF-Version benutzt du denn?

Hongi

Hallo,

ich benutze folgende Version:
Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7) Gecko/20040803 Firefox/0.9.3

Es sollte normalerweise nicht einfach grau sein sondern ein graues Bild mit Rand dargestellt sein.

bugcatcher

Mach die Javascript-Blocker raus. Ist ja abartig. Als wenn das irgendwen abhalten würde.

Kick mal diese Einträge:

Code

<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-style-type" content="text/javascript">

Dann müsste das ganze gehen.

Hongi

Hallo bugcatcher,

vielen Dank, jetzt geht alles. Wieviele Tage und Wutanfälle hätte ich mir sparen können.

ich bin hiernach vorgegangen:

Zitat

Sie können dem Browser in einer HTML-Datei mit Hilfe einer Meta-Angabe ausdrücklich mitteilen, dass diese Datei Style-Sheet-Definitionen in einer bestimmten Definitionssprache enthält. Die Angabe ist in der gegenwärtigen Praxis und für die CSS-Sprache nicht zwingend erforderlich. Die Angabe dient dazu, um dem Client (also etwa dem Web-Browser) und aber auch dem Web-Server einen Befehl zur Verfügung zu stellen, der beiden Seiten helfen soll, sich vor dem Interpretieren der Datei über die zu verwendende Stylesheet-Syntax zu einigen.
Beispiel:
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>

Erläuterung:
Mit <meta http-equiv="Content-Style-Type" content="text/css"> im Kopf einer HTML-Datei erzwingen Sie die CSS-Syntax als verbindlich für Formatdefinitionen innerhalb dieser Datei. Wenn Sie eine andere Stylesheet-Sprache als CSS verwenden wollen, müssen Sie anstelle von "text/css" den Mime-Type der betreffenden Formatdefinitionssprache angeben.

bugcatcher

Klingt nach SelfHTML. Und an sich müsste das wohl auch so gehen.

Da Firefox aber sehr häufig zuanfang komisch anmutende Dinge macht, wundere ich mich nichtmehr drüber. In den allermeisten Fällen hat das eine sehr logische Begründung.

Vielleicht liegt es am DocType? Naja. Ich weiss es nicht. Firefox interpretiert soviel, was andere Browser meist einfach ignorieren, so das man garnicht genau weiss, wofür die Tags sind oder man sie sich schlicht anders vorstellt.