Darstellungsprobleme verschiedener Browser

von **bavariagirl** » 14.10.2008, 23:46

Hi,
sitze seit Wochen über html und Css, da ich meine bisherige Seite (mit Frames) neu gestalten wollte.

Ich habe nur IE7 und war glücklich, eine halbwegs funktionierende Seite nach meinen Vorstellungen hinbekommen zu haben.
Aber nun such ich seit Tagen nach Problem-Lösung für die fehlerhafte Darstellung in
Opera - für die rechte Spalte fehlt der Scrollbalken
IE6 - macht Probleme mit der linken Spalte, welche fixiert sein soll -
komm irgendwie mit dem Workaround (steht im head) nicht zurecht.

Vielleicht kann mir hier jemand auf die Sprünge helfen, wäre echt lieb.
Hier mal die Testseite:
http://home.arcor.de/deschner-clan/

von **bavariagirl** » 16.10.2008, 20:32

Hallo,

Hab ich mich total geirrt mit der Gestaltung der HP, ist es doch besser mit Frames?
- kann hier wirklich niemand helfen oder hat Tipps?

von **Executor** » 16.10.2008, 21:49

Ich versteh dein Problem nicht, bei mir läuft die seite im IE FF und Opera immer gleich.

von **bavariagirl** » 17.10.2008, 10:05

Hi,
dank für die Mühe -
mir wurde mitgeteilt, daß

bei FF - der rote Balken v. d. linken Spalte über das Ende hinausgeht - sowie

bei IE6 nicht bis zum Ende geht -

bei Opera auf der rechten Seite der Scrollbalken fehlt! (wenn die Seite mehr Inhalt hat als die Bildschirmgröße).

Jetzt verstehe ich garnichtsmehr :roll:

von **Laus** » 17.10.2008, 12:02

Im FF und im Opera ist alles ok, nur im IE6 nicht.
Versetze ihn mal in den Quirks Modus dann müsste es auch bei ihm klappen.

Einfach einen html Kommentar vor den Doktype setzen.

Gruß Xaver

von **bavariagirl** » 23.10.2008, 00:31

Hi,
hab nun einiges geändert,

html u css ist valide
für ie extra css erstellt, (da dieser ja fixiert nicht versteht)

Hab jetzt tagelang im Netz gelesen und gebastelt ohne Erfolg
:roll:

trotzdem beim IE6 fehlt einfach der Scrollbalken -
auch beim Iframe (s. z.B. http://home.arcor.de/deschner-clan/Info ... -staat.htm)

Vielleicht hat doch noch wer einen Tipp :idea:

für mich?
Wäre echt toll - Danke

von **Laus** » 23.10.2008, 05:11

Hast du meinen Tipp aus meinem letzten Beitrag hier ausprobiert?
Setze mal einfach

Code: Alles auswählen: <?xml version="1.0" encoding="iso-8859-1"?>

vor deinen Doctype, das beeinträchtigt die "guten" Browser nicht und der IE6 wird dadurch in den Quirks Modus versetzt.

von **bavariagirl** » 23.10.2008, 10:09

Hi,
ich arbeite mit folgendem DOCtype:

Code: Alles auswählen: <DOCTYPE>

wenn ich Deinen Tipp anwende, wird sehrwohl etwas geändert (z.B. den Meta Tags) - sorry, kenn mich halt einfach zuwenig aus.

kannst mir bitte schreiben, wie ich da den sog. Quirksmodus erreiche?

von **bavariagirl** » 23.10.2008, 10:12

sorry,
mein Doctype:

HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"

von **Laus** » 23.10.2008, 12:15

kannst mir bitte schreiben, wie ich da den sog. Quirksmodus erreiche?

Indem du zB. diesen Doctype verwendest

Code: Alles auswählen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Da der IE6 und alter aber grundsätzlich probleme mit Fixem Layout hat solltest du dir eventuell den Quelltext und die Beschreibungen auf dieser Seite noch mal anschauen. Vor allem die Basics

von **bavariagirl** » 24.10.2008, 15:34

Hi,
danke für die Antwort.

Da der IE6 und alter aber grundsätzlich probleme mit Fixem Layout hat solltest du dir eventuell den Quelltext und die Beschreibungen auf dieser Seite noch mal anschauen. Vor allem die Basics

Mit dieser Seite habe ich mich, bevor ich meine vielleicht blöden Fragen stellte, schon beschäftigt.
Nachdem ich ein Technikchaot mit noch dazu mangelnden Engl.Kenntnissen bin - hilfts mir nicht wirklich :roll:

Habe mir jetzt den IE-Tester installiert - da mußte ich dann feststellen, daß bei gleichem Css/htm im IE6 bei den verschiedenen Dateien mal der Balken da ist, mal nicht.

Ich bin schon überrascht, daß zwar überwiegend ein CSS-Layout empfohlen wird (auch für Nicht-Profis), aber nicht erwähnt wird, daß es aufgrund div.Browser für Laien sehr schwer umzusetzen ist.

Vielleicht bin ich aber nur der Einzelfall, der es nicht kapiert und habe mich bei der Umstellung einfach übernommen.

Werde es jetzt nochmal versuchen, ansonsten muß ich die Idee halt verwerfen.

Trotzdem vielen Dank für Deine Mühe.

von **Laus** » 24.10.2008, 17:08

Du verwendest immer noch den falschen Doctype! verwende folgenden Doctype (Code so komplett übernehmen)

Code: Alles auswählen:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

oder den in meinem letzten beitrag angegebenen. Solange du den IE 6 nicht in den quirks modus versetzt funktioniert fixed im IE6 nicht richtig. Durch den Kommentar vor dem Doctype, oder durch weglassen der URL wird beim IE6 eben besagter Quirks Mode erzwungen, die anderen Browser ignorieren den Kommentar.

Habe mir jetzt den IE-Tester installiert - da mußte ich dann feststellen, daß bei gleichem Css/htm im IE6 bei den verschiedenen Dateien mal der Balken da ist, mal nicht.

Ja aber wenn der Scrollbalken da ist dann Scrollt auch die ganze Seite und nicht nur der Contentbereich.

Ich bin schon überrascht, daß zwar überwiegend ein CSS-Layout empfohlen wird (auch für Nicht-Profis), aber nicht erwähnt wird, daß es aufgrund div.Browser für Laien sehr schwer umzusetzen ist.

Du hast dir dabei aber schon eine nicht ganz einfache aufgabe ausgesucht, da der IE6 eben kein fixed versteht und darum einige Tricks und Hacks notwendig sind um dies zu realisieren.

von **bavariagirl** » 24.10.2008, 23:16

Hi,
habe Deinen Code genauso übernommen -
Ergebnis ist, daß die Seite nicht nur im IE6, sondern auch im IE7 nicht mehr stimmt.

Beim IE7 kommt dann der Balken wie normal ganz rechts, aber gleichzeitig auch noch direkt neben dem header.
Also gleich 2mal Scrollbalken für die ganze Seite - dadurch paßt auch die Navi oben (horizontal) nicht mehr.

von **Laus** » 25.10.2008, 10:45

Hallo
Hab gerade gesehen du hast den Code für deine Seite von Selfhtml übernommen, deine Seite aber dann mit einem Wrapper und fixer Breite ausgestattet. Darum funktioniert auch der Workaround für den IE6 nicht.
Du müsstest also alle Hacks die du für den Body hast auch für den wrapper einbauen, ob dies dann allerdings auch funktioniert kann ich dir nicht versprechen.

von **bavariagirl** » 25.10.2008, 12:36

Hi,
funzt leider auch nicht.

Wobei ich den Sinn eh nicht verstanden hab, da der wrapper ja innerhalb von body liegt.

Es ist sowieso eigenartig, obwohl gleiches stylesheet, wird mal der Balken angezeigt, mal nicht

z.B. bei news.htm ist es o.k.
bei
http://home.arcor.de/deschner-clan/Info ... seinfo.htm
fehlt der Scrollbalken mal wieder...

Einziger Unterschied:
im 2. Beispiel sind auf der html Anker enthalten.
Ist dies auch wieder ein Problem???

von **Laus** » 25.10.2008, 15:51

Ja das mit dem Wrapper ist beim IE6 und fixem Layout noch mal so ein Problem.

Wenn ein Balken angezeigt wird dann wird aber die ganze Seite gescrollt und nicht nur der Content.

Vorschlag meinerseits, lass das Style so wie es ist ,es funktioniert ja in allen Modernen Browser. Für den IE 6 und älter bindest du ein eigenes Style ein bei dem die ganze Seite normal Scrollt. Der Anteil des IE6 und Älter wird sowieso immer kleiner, auf meinen Webseiten haben die noch einen Anteil von ca.15% und wird immer weniger.

von **bavariagirl** » 25.10.2008, 17:20

Hi Laus,

Wenn ein Balken angezeigt wird dann wird aber die ganze Seite gescrollt und nicht nur der Content.

Damit könnte ich ja leben - nur daß bei manchen Seiten das Scrollen überhaupt nicht möglich ist, und bei anderen schon finde ich schon blöd.

Beispiel:
http://home.arcor.de/deschner-clan/impressum.htm
hier funzt es beim IE6
http://home.arcor.de/deschner-clan/Info ... seinfo.htm
hier wieder nicht...

Das sollte doch einen Grund haben?

von **Laus** » 25.10.2008, 19:48

Kann es sein dass es daran Liegt
bei http://home.arcor.de/deschner-clan/Info ... seinfo.htm richtig

<link href="../CSS/style.css" rel="stylesheet" type="text/css" media="screen">

bei http://home.arcor.de/deschner-clan/impressum.htm

<link href="CSS/style.css" rel="stylesheet" type="text/css" media="screen">

ist das Style für den IE falsch verlinkt.

Gruß Xaver

von **bavariagirl** » 25.10.2008, 23:32

Hallo,

bist ein Engel

war zwar nicht ganz so wie Du beschrieben hast :wink:

, aber genau an der Verlinkung der CSS ist es gelegen.

Nachdem Dreamweaver die Verlinkung ja von der Vorlage her gleich aktualisiert (allerdings nicht die vom IE-Kommentar) wäre ich da nie draufgekommen.

Mit den Mucken des IE8 muß ich mich noch auseinandersetzen...,
hoffe notfalls nochmal nerven zu dürfen.

Tausend Dank nochmals :blumen:

Darstellungsprobleme verschiedener Browser

Darstellungsprobleme verschiedener Browser

Ähnliche Beiträge zu "Darstellungsprobleme verschiedener Browser"

Wer ist online?