Autor |
Nachricht |
Sarky
Threadersteller
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Fr 19.11.2004 09:44
Titel [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1.0 |
|
|
Hallo,
eine Frage an die CSS-Experten unter Euch
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
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
|
|
|
|
|
saucer
Dabei seit: 19.05.2002
Ort: München
Alter: 43
Geschlecht:
|
Verfasst Fr 19.11.2004 09:50
Titel
|
|
|
hmm.. probier mal das bild als background-image reinzuladen..
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 19.11.2004 10:04
Titel Re: [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1. |
|
|
Sarky hat geschrieben: | Hallo,
eine Frage an die CSS-Experten unter Euch
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
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 |
normalerweise sollte man für block level elemente eine explizite weite und höhe bzw. min/max werte, oder auto festlegen.
|
|
|
|
|
Sarky
Threadersteller
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Fr 19.11.2004 10:15
Titel Re: [XHTML / CSS] Darstellungsfehler in Opera 7 / Firefox 1. |
|
|
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?
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 06.12.2004 12:56
Titel
|
|
|
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
//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
Zuletzt bearbeitet von beeviZ am Mo 06.12.2004 14:07, insgesamt 1-mal bearbeitet
|
|
|
|
|
Sarky
Threadersteller
Dabei seit: 29.06.2002
Ort: Düsseldorf
Alter: 42
Geschlecht:
|
Verfasst Mo 06.12.2004 14:42
Titel
|
|
|
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
Danke auch für den Hinweis bezüglich XHTML 1.1 bzw. der "lang" Angabe (Google findet die Seite dennoch unter Deutsch ), das werde ich dann in den nächsten Tagen zu Hause anpassen.
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 06.12.2004 17:43
Titel
|
|
|
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
|
|
|
|
|
shakadi
Griller Killer
Dabei seit: 21.12.2003
Ort: SHA
Alter: 43
Geschlecht:
|
Verfasst Mo 06.12.2004 18:48
Titel
|
|
|
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?
|
|
|
|
|
|
|
|
Ä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
|
|