mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 08:46 Benutzername: Passwort: Auto-Login

Thema: [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1.0 vom 19.11.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1.0
Seite: 1, 2  Weiter
Autor Nachricht
Sarky
Threadersteller

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 34
Geschlecht: Männlich
Verfasst Fr 19.11.2004 09:44
Titel

[XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1.0

Antworten mit Zitat Zum Seitenanfang

Hallo,

eine Frage an die CSS-Experten unter Euch *zwinker*

Seit dem Release von Firefox 1.0 hat eine von mir in XHTML / CSS (tabellenloses Design) erstellte Internetseite einen üblen Darstellungsfehler. Bisher trat dieser Fehler nur in Opera 7 auf und ich habe es für einen Bug dieses Browsers gehalten, weil die Seite bisher im Firefox bis 0.9.3 und Internet Explorer 6 problemlos funktioniert hat. Da der Fehler nun aber auch in der Final Version des roten Pandas auftaucht, scheint es wohl doch am Aufbau der Seite zu liegen Menno!

Die Seite hat im Prinzip einen rechten simplen Aufbau, am Anfang der Seite ein Header, am Ende ein Footer, der Bereich dazwischen ist aufgeteilt in einen größeren Content-Bereich links und rechts ein etwas kleinerer Unterbereich, der wiederum mehrere "Informationskästen" mit kleineren Texten enthält.

Problem: Der erste dieser "Informationskästen", der eigentlich nur etwa 200 - 300 Pixel hoch sein sollte, wird neuerdings immer auf die volle Höhe des gesamten Inhalts des linken Content-Bereichs gestreckt. Die weiteren Kästen werden dann normal dargestellt.

Der Link zur Seite:
http://www.jethwa.de/aktuell.html

Und zu den CSS Dateien:
http://www.jethwa.de/style/layout.css
http://www.jethwa.de/style/text.css

Wie kann ich diesen Fehler beheben, welcher Teil meiner CSS-Definition ist falsch?
Ich sitze jetzt seit dem Release von Firefox 1.0 an dem Problem und konnte bisher keine Lösung finden.

Danke für die Hilfe Lächel
  View user's profile Private Nachricht senden
saucer

Dabei seit: 19.05.2002
Ort: München
Alter: 36
Geschlecht: Männlich
Verfasst Fr 19.11.2004 09:50
Titel

Antworten mit Zitat Zum Seitenanfang

hmm.. probier mal das bild als background-image reinzuladen..
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 35
Geschlecht: Männlich
Verfasst Fr 19.11.2004 10:04
Titel

Re: [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1.

Antworten mit Zitat Zum Seitenanfang

Sarky hat geschrieben:
Hallo,

eine Frage an die CSS-Experten unter Euch *zwinker*

Seit dem Release von Firefox 1.0 hat eine von mir in XHTML / CSS (tabellenloses Design) erstellte Internetseite einen üblen Darstellungsfehler. Bisher trat dieser Fehler nur in Opera 7 auf und ich habe es für einen Bug dieses Browsers gehalten, weil die Seite bisher im Firefox bis 0.9.3 und Internet Explorer 6 problemlos funktioniert hat. Da der Fehler nun aber auch in der Final Version des roten Pandas auftaucht, scheint es wohl doch am Aufbau der Seite zu liegen Menno!

Die Seite hat im Prinzip einen rechten simplen Aufbau, am Anfang der Seite ein Header, am Ende ein Footer, der Bereich dazwischen ist aufgeteilt in einen größeren Content-Bereich links und rechts ein etwas kleinerer Unterbereich, der wiederum mehrere "Informationskästen" mit kleineren Texten enthält.

Problem: Der erste dieser "Informationskästen", der eigentlich nur etwa 200 - 300 Pixel hoch sein sollte, wird neuerdings immer auf die volle Höhe des gesamten Inhalts des linken Content-Bereichs gestreckt. Die weiteren Kästen werden dann normal dargestellt.

Der Link zur Seite:
http://www.jethwa.de/aktuell.html

Und zu den CSS Dateien:
http://www.jethwa.de/style/layout.css
http://www.jethwa.de/style/text.css

Wie kann ich diesen Fehler beheben, welcher Teil meiner CSS-Definition ist falsch?
Ich sitze jetzt seit dem Release von Firefox 1.0 an dem Problem und konnte bisher keine Lösung finden.

Danke für die Hilfe Lächel


normalerweise sollte man für block level elemente eine explizite weite und höhe bzw. min/max werte, oder auto festlegen.
  View user's profile Private Nachricht senden
Sarky
Threadersteller

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 34
Geschlecht: Männlich
Verfasst Fr 19.11.2004 10:15
Titel

Re: [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1.

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:

normalerweise sollte man für block level elemente eine explizite weite und höhe bzw. min/max werte, oder auto festlegen.


Wenn ich die Größe explizit festlege dann passen sie sich aber nicht mehr dynamisch an den Inhalt an und gerade das ist nicht Sinn der Sache.

Wie meinst Du das mit min/max Werten? Soll sowas nicht erst ab CSS3 kommen?
Kannst Du mir ein konkretes Beispiel für das geben, was Du meinst?

@saucer
Hö? Was für ein Hintergrundbild?
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mo 06.12.2004 12:56
Titel

Antworten mit Zitat Zum Seitenanfang

ok. ich scherzkeks hab die ganze zeit inner falschen datei (layout.css) den fehler gesucht.

nimm mal bei der text.css bei .paragraph das clear: both; weg.

Damit sagste der Linken Content-Spalte das sie nicht mehr umflossen werden soll, folglich ist sämtlicher inhalt der in der infobox nach dem .paragraph nicht mehr rechts neben dem content, sondern dadrunter *zwinker*


//edit:
du hast übrigens fehler in deinem quellcode. und zwar hast du beim html tag als attribut xml:lang="en" angegeben. Bzw wird vermutlich das CMS automatisch machen. Sollteste umstellen, da deine Seite sonst bei Suchmaschinen nicht unter "Seiten aus Deutschland" bzw "Seite mit deutschen Inhalten" gefunden wird.

Dann ist dein Doctype xhtml1.1, welches es so in dieser Form noch garnicht gibt, bzw eingesetzt werden sollte. xhtml1.1 dokumente werden als content type = application/xhtml+xml ausgegeben, was der IE nicht versteht. ganz interessant dazu ist dieser thread mitsamt verlinkungen hier:
http://xhtmlforum.de/viewtopic.php?t=2151
*zwinker*


Zuletzt bearbeitet von beeviZ am Mo 06.12.2004 14:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Sarky
Threadersteller

Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 34
Geschlecht: Männlich
Verfasst Mo 06.12.2004 14:42
Titel

Antworten mit Zitat Zum Seitenanfang

beeviZ hat geschrieben:

nimm mal bei der text.css bei .paragraph das clear: both; weg.


Ich fasse es nicht, es funktioniert! Ein riesen f e t t e s DANKE geht von Hannover nach Dortmund Lächel

Danke auch für den Hinweis bezüglich XHTML 1.1 bzw. der "lang" Angabe (Google findet die Seite dennoch unter Deutsch Hmm...?!), das werde ich dann in den nächsten Tagen zu Hause anpassen.
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mo 06.12.2004 17:43
Titel

Antworten mit Zitat Zum Seitenanfang

hehe. nichts zu danken.

wegen der html sache im html-tag kann das sein das ich mich irre. kann sein das das lediglich für screenreader ist, damit die wissen wie die den text aussprechen müssen. hab mich damit allerdings selbst noch nich sooo befasst. aber naja, is ne deutsche seite, von daher kann da ruhig "de" stehen, wozu auch immer das jetzt genau gut ist *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
shakadi
Griller Killer

Dabei seit: 21.12.2003
Ort: SHA
Alter: 36
Geschlecht: Männlich
Verfasst Mo 06.12.2004 18:48
Titel

Antworten mit Zitat Zum Seitenanfang

beeviZ hat geschrieben:

du hast übrigens fehler in deinem quellcode. und zwar hast du beim html tag als attribut xml:lang="en" angegeben. Bzw wird vermutlich das CMS automatisch machen. Sollteste umstellen, da deine Seite sonst bei Suchmaschinen nicht unter "Seiten aus Deutschland" bzw "Seite mit deutschen Inhalten" gefunden wird.


das heisst, dass ich damit:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">



auf der richtigen spur bin oder?
  View user's profile Private Nachricht senden
 
Ähnliche Themen XHTML / CSS Darstellungsfehler beim Internet Explorer 6
Darstellungsfehler Firefox
Opera / Firefox - Tabellen
Seiten im Firefox so öffnen wie bei Opera?
optimierung für opera, mozilla and firefox
HILFE LightWindow Problem in Opera und Firefox
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.